@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--bg:#10171d;--panel:#151e26;--panel-deep:#111a21;--line:#2a343e;--text:#edf0f0;--muted:#8d9aa5;--mint:#b9e998;--lavender:#b8a6e5;--sans:"DM Sans",Arial,sans-serif;--heading:"Manrope",Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled),input,select{transition:background .2s,border-color .2s,color .2s,transform .2s}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.08)}input,select{color:var(--text);border:1px solid var(--line);background:#111a21;border-radius:8px;outline:none}select{color:#cbd3da;cursor:pointer;padding:11px 30px 11px 12px}select option{background:#18222a}input{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.04em}p{color:var(--muted);line-height:1.65}svg{flex-shrink:0}.app{max-width:1280px;margin:auto;padding:0 52px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:91px;display:flex}.brand{padding:0}.logo{font-family:var(--heading);letter-spacing:-1.8px;align-items:center;font-size:30px;font-weight:800;line-height:1;display:flex}.logo-dot{color:var(--mint);margin-left:1px}.logo-mark{border-bottom:2px solid var(--mint);align-items:flex-end;gap:3px;height:26px;margin-right:10px;padding-bottom:4px;display:flex}.logo-mark i{background:var(--mint);border-radius:1px;width:5px;display:block}.logo-mark i:first-child{height:9px}.logo-mark i:nth-child(2){height:15px}.logo-mark i:nth-child(3){height:22px}nav{align-items:center;gap:27px;display:flex}nav button{color:#b3bcc5;padding:5px 0;font-size:12px}nav button:hover{color:var(--text)}.nav-divider{background:var(--line);width:1px;height:19px}.icon-button{padding:9px!important}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:64px 0 51px;display:grid}.eyebrow{letter-spacing:1.9px;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.live-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 7px #b9e99822}.hero h1{letter-spacing:-3.5px;margin:19px 0 22px;font-size:65px;font-weight:750;line-height:1.12}.hero h1>span{color:var(--mint)}.hero-copy>p{font-size:14px;line-height:1.8}.hero-tags{color:#a4afb9;gap:20px;margin-top:26px;font-size:10px;display:flex}.hero-tags span{align-items:center;gap:6px;display:flex}.hero-tags svg{color:#9eacb2}.hero-art{position:relative;transform:rotate(-1deg)}.hero-stage{box-shadow:0 14px 55px #0002;background:linear-gradient(135deg,#182428,#151d26)!important;border-color:#344139!important;height:290px!important}.hero-stage .playfield{height:100%}.hero-stage .stage-badge{font-size:8px}.hero-stage .zoom-tools{display:none}.hero-note{white-space:nowrap;color:#acb8bf;background:#1c2730;border:1px solid #3b4650;border-radius:6px;padding:8px 12px;font-size:10px;position:absolute;top:67px;left:50%;transform:translate(-50%)rotate(1deg)}.art-corner{text-align:right;letter-spacing:1.5px;color:#5e6f7c;margin-top:12px;margin-right:7px;font-size:8px}.mode-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.mode-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:27px 29px 20px;position:relative;overflow:hidden}.solo-card{background:linear-gradient(120deg,#192421 0%,#151e26 65%);border-color:#384536}.multi-card{background:linear-gradient(120deg,#1e202b 0%,#151e26 70%)}.card-top{align-items:center;gap:12px;margin-bottom:19px;display:flex}.mode-icon{width:40px;height:40px;color:var(--mint);background:#25342c;border:1px solid #3a4c3a;border-radius:10px;justify-content:center;align-items:center;display:flex}.mode-icon.purple{color:var(--lavender);background:#302b41;border-color:#453d58}.mini-label{letter-spacing:1.5px;color:#a0aaa8;font-size:9px;font-weight:600}.mode-number{font-family:var(--heading);color:#344139;letter-spacing:-1px;margin-left:auto;font-size:38px;font-weight:600;line-height:1}.multi-card .mode-number{color:#383344}.mode-card h2{letter-spacing:-.7px;align-items:center;gap:12px;margin-bottom:10px;font-size:25px;display:flex}.mode-card h2>span{font:500 8px var(--sans);letter-spacing:1px;color:var(--lavender);background:#2c2938;border:1px solid #3d354e;border-radius:4px;padding:5px 6px}.mode-card>p{font-size:12px;line-height:1.7}.button{white-space:nowrap;border-radius:8px;min-height:47px;padding:14px 20px;font-size:12px;font-weight:650}.primary{background:var(--mint);color:#1b2a16;border:1px solid var(--mint)}.primary:hover{background:#ccf5b0}.secondary{color:#d5dde4;background:#1a252d;border:1px solid #35414b}.purple-button{color:#d5c6f4;background:#302b40;border:1px solid #514563}.solo-card>.button{justify-content:space-between;width:100%}.card-foot{color:#82908c;justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:10px;display:flex}.multi-card .card-foot{color:#8c8b9b}.solo-options{color:#98a99b;align-items:center;gap:10px;margin:19px 0 15px;font-size:10px;display:flex}.solo-options select{background:#1b2823;border-color:#36463a;max-width:160px;padding:8px 24px 8px 10px;font-size:11px}.solo-options>span{white-space:nowrap;margin-left:auto;font-size:9px}.input-label{letter-spacing:1.4px;color:#9793a7;margin-top:18px;margin-bottom:8px;font-size:8px;display:block}.name-input{background:#121a22;border:1px solid #36404c;border-radius:8px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.name-input svg{color:#6e7a89}.name-input input{background:0 0;border:0;border-radius:0;flex:1;height:40px;font-size:12px;outline:0!important}.name-input:focus-within{border-color:var(--lavender)}.name-input span{color:#60717f;font-size:9px}.join-row{align-items:center;gap:12px;margin-top:13px;display:flex}.join-row>.button{flex:1;min-height:43px;padding:12px}.or{color:#707b8b;font-size:10px}.code-input{background:#151b25;border:1px solid #3d4552;border-radius:8px;align-items:center;width:47%;height:43px;display:flex}.code-input input{letter-spacing:2px;background:0 0;border:0;width:100%;padding:12px;font-size:11px;outline:0!important}.code-input button{width:34px;height:29px;color:var(--lavender);border-left:1px solid #3b414d;flex-shrink:0;margin-right:6px}.code-input:focus-within{border-color:var(--lavender)}.collection-strip{border:1px solid var(--line);background:#141d24;border-radius:11px;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 45px;padding:24px 28px;display:flex}.collection-copy .eyebrow{letter-spacing:1.3px;font-size:8px}.collection-copy h3{letter-spacing:-.6px;margin:9px 0 6px;font-size:20px;font-weight:650}.collection-copy p{font-size:11px}.text-button{color:var(--mint);margin-top:13px;padding:0;font-size:11px}.collection-art{align-items:flex-end;gap:31px;display:flex}.collection-art>div{color:#a8b8b3;flex-direction:column;align-items:center;gap:15px;display:flex}.collection-art>div:nth-child(2n){color:#a59aba}.collection-art span{color:#6f7c88;white-space:nowrap;font-size:8px}footer{border-top:1px solid var(--line);color:#667580;justify-content:space-between;align-items:center;padding:23px 0 28px;display:flex}footer .logo{letter-spacing:-1px;color:#9ba8ad;font-size:19px}footer .logo-mark{border-color:#7a936d;gap:2px;height:18px;margin-right:7px}footer .logo-mark i{background:#7a936d;width:3px}footer .logo-mark i:first-child{height:5px}footer .logo-mark i:nth-child(2){height:9px}footer .logo-mark i:nth-child(3){height:13px}footer>span{font-size:10px}footer button{color:#8a98a1;font-size:10px}.stage{aspect-ratio:760/420;background:#141e27;border:1px solid #34424d;border-radius:12px;height:auto;position:relative;overflow:hidden}.playfield{touch-action:none;width:100%;height:100%;display:block}.grid-fill{color:#283641;opacity:.65}.stage-badge{z-index:1;letter-spacing:1.6px;color:#8e9ea9;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;top:18px;left:17px}.stage-badge .live-dot{background:#7c9297}.zoom-tools{z-index:2;background:#111a24;border:1px solid #35404c;border-radius:8px;flex-direction:column;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:12px}.zoom-tools button{color:#bdc6d0;border-radius:5px;width:30px;height:30px}.zoom-tools button:hover{background:#29333d}.zoom-tools>span{background:#35404c;height:1px;margin:2px}.stage-legend{color:#8898a7;justify-content:center;gap:18px;font-size:9px;display:flex;position:absolute;bottom:13px;left:0;right:0}.stage-legend span{align-items:center;gap:6px;display:flex}i.mint,i.lavender,i.gray{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.mint{background:var(--mint)}.lavender{background:var(--lavender)}.gray{background:#7c8492}.resize-handle{cursor:nesw-resize;touch-action:none}.game-layout{max-width:900px;min-height:75vh;margin:0 auto;padding:40px 0 55px}.with-board{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:26px;max-width:none;display:grid}.game-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;display:flex}.game-heading h1{margin:10px 0;font-size:32px}.game-heading p{font-size:12px}.back-link{color:var(--muted);margin-bottom:20px;padding:0;font-size:11px}.game-heading .eyebrow{font-size:8px}.game-metrics{flex-shrink:0;gap:27px;display:flex}.game-metrics>span{letter-spacing:1px;color:var(--muted);font-size:9px}.game-metrics b{font-family:var(--heading);color:var(--text);letter-spacing:-.5px;margin-top:7px;font-size:25px;display:block}.game-metrics small{color:var(--muted);font-size:12px;font-weight:500}.game-metrics .urgent b{color:#edbb88}.round-progress{gap:7px;margin-bottom:16px;display:flex}.round-progress span{background:#2a3541;border-radius:3px;flex:1;height:3px}.round-progress span.done{background:#789969}.round-progress span.current{background:var(--mint)}.size-control{border-bottom:1px solid var(--line);color:#8797a6;align-items:center;gap:16px;padding:22px 7px;display:flex}.size-control input{accent-color:var(--lavender);cursor:pointer;flex:1;height:4px}.size-control>span{min-width:102px;font-size:10px}.game-bottom{justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.object-labels{flex-direction:column;gap:10px;font-size:10px;display:flex}.object-labels>span{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.object-labels b{color:#cbd6db;font-size:11px;font-weight:500}.object-labels small{color:var(--muted);font-size:10px}.game-tip{justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.reveal-row{border-bottom:1px solid var(--line);align-items:center;gap:35px;padding:20px 0;display:flex}.reveal-row>div>span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.reveal-row>div>b{font-size:15px;font-weight:500}.round-score{align-items:baseline;gap:8px;margin-right:auto;display:flex}.round-score strong{font-size:43px;line-height:1.2;font-family:var(--heading);color:var(--mint)}.lavender-text{color:var(--lavender)}.lobby-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.lobby-bar .back-link{margin:0}.room-code{background:#1b242d;border:1px solid #36414c;border-radius:7px;align-items:center;gap:15px;padding:7px 10px;display:flex}.room-code>span{letter-spacing:5px;min-width:67px;font-family:monospace;font-size:15px}.room-code button{color:#9fabb6;padding:3px}.online-pill{color:#a6b4b8;align-items:center;gap:7px;font-size:10px;display:flex}.lobby-layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px;min-height:70vh;padding:44px 0 60px;display:grid}.lobby-panel h1{margin:12px 0;font-size:36px}.lobby-panel>p{font-size:12px}.seats{grid-template-columns:repeat(3,1fr);gap:14px;margin:27px 0;display:grid}.seat{color:#657681;border:1px dashed #35414b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:139px;padding:20px 10px;display:flex}.seat.filled{background:#19251f;border:1px solid #3d4b42}.seat-avatar{border:1px dashed #45535c;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:3px;font-size:17px;font-weight:600;display:flex}.filled .seat-avatar{color:var(--mint);background:#2a3a2a;border:1px solid #657f52}.seat strong{word-break:break-word;font-size:11px;font-weight:500}.filled strong{color:#d7e3d8}.seat span{font-size:9px}.filled span{color:#97b383}.lobby-actions{justify-content:space-between;gap:12px;display:flex}.quiet{color:var(--muted);font-size:11px;line-height:1.7}.lobby-panel>.quiet{text-align:right;margin-top:15px;font-size:10px}.settings-panel,.leaderboard{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:22px}.board-title{color:var(--lavender);align-items:center;gap:9px;display:flex}.board-title h3{letter-spacing:-.3px;color:var(--text);font-size:15px;font-weight:600}.board-title>span{color:var(--muted);margin-left:auto;font-size:10px}.settings-panel label{color:#a3b0bc;margin-top:23px;font-size:11px;display:block}.settings-panel select{width:100%;margin-top:9px;font-size:12px;display:block}.settings-panel p{align-items:flex-start;gap:9px;margin-top:20px;font-size:10px;line-height:1.7;display:flex}.settings-panel p svg{color:#799284;margin-top:2px}.settings-panel small{color:var(--lavender);margin-top:16px;font-size:10px;display:block}.leaderboard{margin-top:7px;padding:20px 15px;position:sticky;top:24px}.leaderboard>p{color:#778895;margin:8px 0 21px;font-size:9px}.rank{border-top:1px solid #29343d;align-items:center;gap:8px;padding:13px 4px;transition:all .4s;display:flex}.rank-number{color:#7c8c97;width:20px;font-size:10px}.avatar{color:#b7accf;background:#28323c;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.rank>div{flex:1;min-width:0}.rank strong{overflow-wrap:anywhere;font-size:11px;font-weight:500;display:block}.rank small{color:#718391;font-size:8px}.rank>div>small{margin-top:4px;display:block}.rank>b{font-size:14px;font-weight:600;font-family:var(--heading)}.rank.leading .rank-number,.rank.leading>b{color:var(--mint)}.rank.leading .avatar{color:var(--mint);background:#30422d}.board-foot{border-top:1px solid var(--line);color:#71828c;align-items:center;gap:6px;margin-top:15px;padding-top:15px;font-size:8px;display:flex}.waiting{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.round-summary{color:var(--mint);background:#1e2a23;border:1px solid #344d36;border-radius:8px;align-items:center;gap:8px;margin-bottom:17px;padding:14px;font-size:11px;display:flex}.round-summary strong{font-weight:500}.round-summary>span{color:#859884;margin-left:auto;font-size:9px}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.answer-card{background:#18222b;border:1px solid #34404b;border-radius:9px;min-width:0;overflow:hidden}.answer-title{justify-content:space-between;align-items:center;padding:13px 15px;font-size:11px;display:flex}.answer-title>strong{color:var(--mint);font-family:var(--heading);font-size:20px}.answer-title small{color:var(--muted);font-size:9px;font-weight:500}.answer-card .stage{border-color:#2b3741;border-left-style:none;border-left-width:0;border-right-style:none;border-right-width:0;border-radius:0}.small .stage-legend{display:none}.answer-detail{color:#8394a1;justify-content:space-between;gap:10px;padding:13px 15px;font-size:9px;display:flex}.answer-detail b{color:#c7d1d9;margin-top:5px;font-size:11px;font-weight:500;display:block}.compact .answer-title{padding:10px}.compact .answer-detail{padding:10px;font-size:8px}.compact .answer-title>strong{font-size:16px}.compact .answer-title>span{overflow-wrap:anywhere;max-width:70%}.compact .answer-title small{font-size:8px}.final-layout{max-width:850px;min-height:75vh;margin:auto;padding:50px 0 60px}.final-layout.with-board{max-width:none}.final-panel>.eyebrow{justify-content:center;font-size:9px}.final-panel>h1{text-align:center;margin:14px 0 25px;font-size:32px}.total-score{text-align:center;margin-bottom:32px}.total-score>strong{color:var(--mint);font-size:84px;font-family:var(--heading);letter-spacing:-4px;font-weight:700}.total-score>span{color:var(--muted);margin-left:10px;font-size:19px}.total-score>p{margin-top:3px;font-size:12px}.final-breakdown{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;padding-top:28px;display:grid}.round-list h3{letter-spacing:0;margin-bottom:14px;font-size:13px;font-weight:600}.round-list>button{text-align:left;border-radius:6px;gap:12px;width:100%;padding:11px 8px;display:flex}.round-list>button.selected{background:#1d2a2b}.round-list>button>span{color:#82929d;font-family:monospace;font-size:10px}.round-list>button>div{flex:1}.round-list b{font-size:10px;font-weight:500}.round-list i{background:#2d3942;border-radius:2px;width:100%;height:3px;margin-top:8px;display:block}.round-list em{background:var(--mint);border-radius:2px;height:100%;display:block}.round-list strong{color:var(--mint);font-size:12px}.round-list svg{color:#7c8e98}.final-breakdown>.answer-card{align-self:center}.final-actions{justify-content:center;gap:13px;margin-top:30px;display:flex}.final-actions .button{min-width:160px}.centered{color:#91a1ac;margin:22px auto 0;display:flex}.winner{color:var(--mint);flex-direction:column;align-items:center;gap:13px;padding:10px 0 30px;display:flex}.winner>strong{font-size:30px;font-family:var(--heading)}.winner>p{font-size:14px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#080e15d9;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#17212a;border:1px solid #3a4855;border-radius:16px;width:600px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow:auto;box-shadow:0 30px 80px #0006}.close-modal{color:#8d9fac;padding:5px;position:absolute;top:16px;right:16px}.modal h2{margin:13px 0 20px;font-size:27px}.modal>.eyebrow{font-size:9px}.modal>p{font-size:12px}.help-steps>div{gap:18px;margin:23px 0;display:flex}.help-steps>div>span{color:var(--mint);margin-top:3px;font-family:monospace;font-size:13px}.help-steps h3{letter-spacing:-.3px;margin-bottom:6px;font-size:15px}.help-steps p{font-size:12px}.info-box{color:#b6c6cf;background:#202e36;border:1px solid #384951;border-radius:8px;margin:20px 0;padding:16px;font-size:12px;line-height:1.8}.modal p.quiet{font-size:10px}.catalog-modal{width:850px}.catalog-modal h2 small{font-family:var(--sans);color:var(--mint);vertical-align:middle;background:#2f3e34;border-radius:5px;margin-left:8px;padding:5px 8px;font-size:13px}.catalog-tools{gap:12px;margin:20px 0;display:flex}.search-input{color:#8d9eab;background:#101a23;border:1px solid #364553;border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.search-input input{background:0 0;border:0;width:100%;height:40px;font-size:12px;outline:0!important}.catalog-tools select{font-size:11px}.catalog-table{border:1px solid #303e49;border-radius:8px;max-height:48vh;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{text-transform:uppercase;letter-spacing:1px;color:#879aa9;background:#1f2c35;padding:13px;font-size:9px;font-weight:500;position:sticky;top:0}td{color:#a5b6c1;border-bottom:1px solid #293640;padding:11px 13px}td:first-child{color:#ccd9de;align-items:center;gap:15px;display:flex}td svg{color:var(--mint)}td:nth-child(3){white-space:nowrap;color:var(--lavender)}.catalog-modal>.quiet{margin-top:15px}.error-banner,.connection-banner{color:#edc2a0;background:#35271f;border:1px solid #725241;border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 18px;font-size:12px;line-height:1.5;display:flex}.error-banner button{padding:4px}.toast{color:#ceeeb7;z-index:50;background:#283b2d;border:1px solid #536a43;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1450px){.hero{padding-top:75px;padding-bottom:60px}.hero h1{font-size:72px}.hero-stage{height:310px!important}.mode-card{padding-top:30px;padding-bottom:25px}.collection-strip{margin-top:35px;margin-bottom:55px}}@media (width<=1050px){.app{padding:0 30px}.hero{gap:28px}.hero h1{font-size:55px}.hero-tags{gap:10px;font-size:9px}.hero-stage{height:260px!important}.hero-note{font-size:8px;top:63px}.mode-card{padding:23px}.collection-art{gap:18px}.collection-art>div:last-child{display:none}.with-board{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.game-metrics{gap:15px}.game-heading h1{font-size:26px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-bottom{gap:10px}.game-bottom .button{padding:13px 15px}.object-labels small{display:block}.lobby-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.seats{gap:10px}.hero-copy>p{font-size:12px}.reveal-row{gap:23px}.collection-copy .eyebrow{font-size:7px}}@media (width<=760px){.app{padding:0 20px}.header{height:74px}nav{gap:13px}nav button span,.nav-divider{display:none}.logo{font-size:27px}.hero{grid-template-columns:1fr;gap:28px;padding:38px 0 30px}.hero-copy{text-align:center}.hero-copy>.eyebrow{justify-content:center}.hero h1{letter-spacing:-3px;margin:16px 0;font-size:57px}.hero-tags{justify-content:center;gap:17px;margin-top:19px;font-size:9px}.hero-art{justify-self:center;width:100%;max-width:500px}.hero-stage{height:250px!important}.hero-note{font-size:9px;top:55px}.hero-copy>p{font-size:13px}.art-corner{display:none}.mode-grid{grid-template-columns:1fr;gap:17px}.mode-card{padding:23px}.solo-options{margin-top:18px}.solo-options>span{font-size:10px}.mode-card h2{font-size:24px}.mode-card>p{font-size:12px}.collection-strip{flex-direction:column;align-items:flex-start;gap:28px;margin:22px 0 30px;padding:23px}.collection-art{justify-content:space-between;gap:15px;width:100%}.collection-art>div:last-child{display:flex}.collection-art>div:last-child svg{width:50px!important}.collection-copy h3{font-size:20px}.collection-copy .eyebrow{font-size:7px}footer{padding:22px 0}footer>span{display:none}footer>button{font-size:9px}.game-layout{padding:27px 0 35px}.game-heading{align-items:flex-end;gap:12px;margin-bottom:20px}.game-heading h1{letter-spacing:-1px;margin:9px 0;font-size:25px}.game-heading p{font-size:11px}.game-heading .eyebrow{letter-spacing:1.3px;font-size:7px}.game-metrics{gap:15px}.game-metrics>span{font-size:7px}.game-metrics b{font-size:22px}.game-metrics small{font-size:10px}.game-heading .back-link{margin-bottom:18px}.stage-badge{letter-spacing:1px;font-size:6px;top:12px;left:12px}.zoom-tools{padding:2px;top:7px;right:7px}.zoom-tools button{width:25px;height:24px}.zoom-tools svg{width:13px}.stage-legend{gap:12px;font-size:7px;bottom:8px}.stage-legend i{width:4px;height:4px}.size-control{gap:11px;padding:20px 4px}.size-control>span{display:none}.game-bottom{flex-direction:column;align-items:stretch;gap:19px;padding:20px 0}.object-labels{gap:12px}.object-labels b{font-size:11px}.object-labels small{font-size:9px}.game-bottom>.button{width:100%}.game-tip{text-align:center;font-size:9px;line-height:1.7}.reveal-row{gap:15px;padding:16px 0}.round-score{display:block}.round-score strong{font-size:34px}.round-score>span{font-size:9px!important}.reveal-row>div>span{font-size:8px}.reveal-row>div>b{font-size:12px}.with-board{flex-direction:column;display:flex}.game-main,.final-panel{width:100%}.leaderboard{order:2;width:100%;position:static}.rank{padding:12px 5px}.rank>div{justify-content:space-between;align-items:center;margin-right:16px;display:flex}.rank>div>small{margin:0}.board-foot{justify-content:center}.lobby-bar{gap:10px;padding:17px 0}.online-pill{font-size:9px}.room-code{gap:9px;padding:6px}.room-code>span{letter-spacing:3px;min-width:53px;font-size:13px}.lobby-layout{flex-direction:column;padding:30px 0;display:flex}.lobby-panel h1{font-size:29px}.seats{grid-template-columns:repeat(2,1fr)}.seat{padding:16px 8px}.settings-panel{padding:22px}.settings-panel label,.settings-panel p{margin-top:16px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.round-summary{flex-wrap:wrap;font-size:10px}.round-summary>span{font-size:8px}.compact .answer-title>strong{font-size:15px}.compact .answer-title{font-size:10px}.final-layout{padding:35px 0}.final-panel>h1{font-size:26px}.total-score>strong{font-size:72px}.final-breakdown{grid-template-columns:1fr;gap:22px;padding-top:23px}.final-breakdown>.answer-card{width:100%}.final-actions{gap:10px}.final-actions .button{flex:1;min-width:0;padding:13px 10px}.modal-backdrop{padding:15px}.modal{max-height:92vh;padding:28px 21px}.modal h2{padding-right:20px;font-size:24px}.catalog-tools{gap:8px}.catalog-tools select{max-width:120px;padding:9px;font-size:10px}th,td{padding:10px 8px;font-size:10px}th{font-size:8px}td:first-child{gap:8px}td:first-child svg{width:20px!important;height:25px!important}th:nth-child(2),td:nth-child(2){display:none}.catalog-modal>.eyebrow{font-size:8px}.catalog-table{max-height:52vh}.help-steps{margin-top:18px}.help-steps p{font-size:11px}.help-steps h3{font-size:14px}.winner>strong{font-size:26px}.game-layout.with-board{gap:15px}.connection-banner,.error-banner{font-size:11px}.hero-stage .stage-badge{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.catalog-download{color:var(--mint);align-items:center;gap:7px;margin-top:16px;font-size:11px;text-decoration:none;display:inline-flex}.catalog-download:hover{text-decoration:underline}.app{max-width:none;padding-inline:clamp(14px,2.2vw,38px)}.header{height:46px}.header .logo{font-size:25px}.header .logo-mark{margin-right:5px;transform:scale(.8)}nav{gap:22px}nav button{font-size:11px}.home{max-width:1176px;margin:auto}.home .hero{padding:34px 0 30px}.hero h1{font-size:58px}.hero-stage{height:240px!important}.hero-tags{margin-top:19px}.collection-strip{margin:24px 0 28px;padding:20px 25px}.home-screen footer{max-width:1176px;margin:auto}.play-screen footer{display:none}.play-screen .header{height:43px}.play-screen .game-layout{max-width:1200px;min-height:0;padding:14px 0}.play-screen .game-layout.with-board{grid-template-columns:minmax(0,1fr) 220px;gap:20px;max-width:none}.game-heading{align-items:center;margin-bottom:12px}.game-heading h1{margin:4px 0 6px;font-size:27px;line-height:1.15}.game-heading p{font-size:11px;line-height:1.4}.game-heading .back-link{margin-bottom:8px;font-size:10px}.game-heading .eyebrow{letter-spacing:1.3px;font-size:7px}.game-metrics b{margin-top:3px;font-size:23px}.round-progress{gap:6px;margin-bottom:10px}.stage{aspect-ratio:auto;height:clamp(240px,100svh - 300px,630px)}.size-control{gap:12px;padding:12px 5px}.game-bottom{gap:15px;padding:13px 0}.game-bottom .button{min-height:41px;padding:11px 18px}.object-labels{gap:7px}.game-tip{font-size:9px;line-height:1.3}.stage-legend{font-size:9px;bottom:10px}.grid-fill{opacity:.42}.in-stage-score{z-index:3;pointer-events:none;background:#0e1722e8;border:1px solid #35404c70;border-radius:8px;min-width:166px;padding:10px 14px 9px;position:absolute;top:13px;left:14px;box-shadow:0 5px 20px #0001}.in-stage-score>div{align-items:baseline;gap:5px;margin-bottom:5px;display:flex}.in-stage-score strong{font-family:var(--heading);letter-spacing:-2px;color:var(--mint);font-size:43px;font-weight:800;line-height:1}.in-stage-score>div>span{color:#aab8c5;font-size:12px}.in-stage-score p{color:#b5c0ca;font-size:10px;line-height:1.55}.in-stage-score p b{color:#e5eaf0;font-weight:600}.in-stage-score p>span{color:#8e9cab;font-size:8px}.in-stage-score .score-error{color:#90a1ae;margin-top:2px;font-size:9px}.in-stage-score small{color:#a9a0c4;margin-left:5px;font-size:8px}.is-revealed .stage-badge{display:none}.small .stage-legend{gap:10px;font-size:8px;display:flex;bottom:8px}.small .in-stage-score{min-width:140px;padding:7px 10px;top:8px;left:8px}.small .in-stage-score strong{letter-spacing:-1px;font-size:31px}.small .in-stage-score>div{margin-bottom:2px}.small .in-stage-score>div>span{font-size:10px}.small .in-stage-score p{font-size:9px;line-height:1.4}.small .in-stage-score .score-error{font-size:8px}.small .in-stage-score p>span{display:none}.small .in-stage-score small{font-size:7px}.answer-title{min-height:34px;padding:10px 13px;font-size:12px;font-weight:600}.answer-title>small{color:#95a2ad;font-size:8px;font-weight:400}.answer-card .stage{height:260px}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.round-summary{margin-bottom:12px;padding:10px 12px}.leaderboard{margin-top:0;padding:16px 13px;top:10px}.rank-scores{text-align:right;gap:3px;flex-direction:column!important;flex:0!important;min-width:43px!important;margin:0!important;display:flex!important}.rank-scores b{font-size:14px}.rank-scores small{white-space:nowrap;color:#9caf9b;font-size:8px!important}.rank.leading .rank-scores b{color:var(--mint)}.board-foot{gap:4px;font-size:7px}.lobby-layout{max-width:1250px;margin:auto;padding:30px 0}.lobby-bar{padding:11px 0}.lobby-actions{justify-content:flex-end}.seat-wins{color:#b7d59c;align-items:center;gap:4px;font-size:10px;display:flex}.seat{min-height:130px;padding:15px 10px}.field-error{color:#f1b8a1!important;margin:7px 0 0!important;font-size:11px!important;line-height:1.45!important}.name-input.invalid{border-color:#bf806b}.final-layout{padding-top:30px}.final-layout.with-board{grid-template-columns:minmax(0,1fr) 230px;max-width:none}.final-panel{width:100%;max-width:1050px;margin:auto}.final-breakdown .answer-card .stage{height:280px}@media (width>=1650px){.play-screen .game-layout:not(.with-board){max-width:1350px}.results-grid .answer-card .stage{height:clamp(240px,50svh - 122.5px,430px)}}@media (width<=1050px){.play-screen .game-layout.with-board{grid-template-columns:minmax(0,1fr) 180px;gap:14px}.leaderboard{padding:14px 9px}.rank{gap:5px}.rank .avatar{display:none}.results-grid{gap:10px}.in-stage-score{padding:8px 11px}.small .in-stage-score{min-width:120px;padding:6px 8px}.small .in-stage-score strong{font-size:27px}.answer-title{font-size:10px}.answer-title>small{font-size:7px}}@media (width<=760px){.header,.play-screen .header{height:43px}nav{gap:15px}.home .hero{gap:22px;padding:25px 0 24px}.hero h1{font-size:48px}.hero-stage{height:220px!important}.hero-tags{gap:12px;font-size:8px}.hero-note{font-size:8px;top:44px}.mode-card{padding:20px}.mode-grid{gap:14px}.play-screen .game-layout{padding:12px 0}.play-screen .game-layout.with-board{gap:16px;display:flex}.game-heading h1{font-size:24px}.game-heading p{font-size:10px}.game-metrics{gap:12px}.stage{height:clamp(255px,100svh - 310px,440px)}.game-bottom{gap:12px;padding:12px 0}.game-bottom .button{min-height:40px}.object-labels{gap:6px}.game-tip{font-size:8px}.in-stage-score{min-width:145px;padding:8px 10px;top:9px;left:9px}.in-stage-score strong{font-size:35px}.in-stage-score p{font-size:9px}.in-stage-score p>span{display:none}.stage-legend{gap:12px;font-size:8px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.results-grid .answer-card .stage{height:205px}.small .in-stage-score{min-width:110px;padding:5px 7px;top:6px;left:6px}.small .in-stage-score strong{font-size:27px}.small .in-stage-score p{font-size:8px}.small .stage-legend{gap:6px;font-size:6px}.small .stage-legend i{width:4px;height:4px}.answer-title>small{display:none}.lobby-layout{padding:22px 0}.lobby-bar{padding:10px 0}.seat{min-height:140px}.final-layout.with-board{display:flex}.final-panel>h1{font-size:25px}.rank .avatar{display:flex}.rank>div{margin-right:10px}.rank .rank-scores{margin:0!important}.leaderboard .board-foot{font-size:9px}.zoom-tools button{width:24px;height:24px}}@media (height<=760px) and (width>=761px){.game-heading .eyebrow{display:none}.game-heading .back-link{margin-bottom:4px}.stage{height:calc(100svh - 265px)}.home .hero{padding:24px 0}.hero h1{font-size:48px}.hero-stage{height:210px!important}.hero-copy>p{font-size:12px}.hero-tags{margin-top:15px}.mode-card{padding:20px 24px 16px}.card-top{margin-bottom:14px}.collection-strip{margin-top:20px}.game-tip{display:none}.results-grid .answer-card .stage{height:calc(50svh - 110px)}}.catalog-detail{min-width:220px;max-width:420px}.catalog-detail>span,.catalog-detail>small,.catalog-detail>a{display:block}.catalog-detail>small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45}.catalog-detail>a{color:var(--mint);margin-top:6px;font-size:11px}.catalog-table td{vertical-align:middle}.catalog-table td:first-child span{max-width:230px}.catalog-table .measurement-estimate{color:#c9b993}.in-stage-score{grid-template-columns:auto 1fr;column-gap:12px;display:grid}.in-stage-score>div{grid-row:1/span 3;align-self:center;position:relative;margin-bottom:0!important}.in-stage-score>div>small{white-space:nowrap;margin:0;font-size:7px;position:absolute;bottom:-12px;left:0}.small .in-stage-score{column-gap:8px}.small .in-stage-score>div>small{font-size:6px;bottom:-10px}.in-stage-score p{white-space:nowrap}:root{--lavender:#9bbcf2}.personal-result-layout{max-width:1400px!important}.personal-reveal-note{text-align:center;color:var(--muted);padding:13px;font-size:12px}.reveal-enter{animation:.35s both reveal-in}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal-enter{animation:none}}.results-grid{grid-template-columns:repeat(var(--result-cols,3),minmax(0,1fr))}.results-grid .answer-card .stage{height:clamp(200px,calc((100svh - 245px)/var(--result-rows,2)),650px)}.answer-card.own-answer{border-color:#8192a8;box-shadow:0 0 0 1px #8192a82b}.own-answer .answer-title{background:#71849c12}.own-tag{color:#bbc7d5;margin-left:8px;font-size:9px;font-weight:400}.board-title .player-count{white-space:nowrap;font-size:9px}.seats{grid-template-columns:repeat(4,minmax(0,1fr))}.header .logo{letter-spacing:-.8px;font-size:22px}.hero-copy h1{letter-spacing:-2px}@media (width<=1100px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-grid .answer-card .stage{height:clamp(205px,calc((100svh - 245px)/var(--mobile-rows,2)),520px)}.seats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.header .logo{font-size:19px}.results-grid .answer-card .stage{height:230px}}@media (width>=761px){.play-screen .game-layout{box-sizing:border-box;align-items:stretch;height:calc(100dvh - 47px);min-height:0;padding-block:12px}.game-layout .game-main{flex-direction:column;min-width:0;min-height:0;display:flex}.game-layout .game-heading,.game-layout .round-progress,.game-layout .round-summary,.game-layout .size-control,.game-layout .game-bottom,.game-layout .game-tip{flex-shrink:0}.game-layout .game-main>.stage{flex:1;min-height:0;height:auto!important}.game-layout .results-grid{grid-template-rows:repeat(var(--result-rows,2),minmax(0,1fr));flex:1;min-height:0}.game-layout .results-grid .answer-card{flex-direction:column;min-height:0;display:flex;overflow:hidden}.game-layout .results-grid .answer-title{flex-shrink:0}.game-layout .results-grid .answer-card .stage{flex:1;min-height:0;height:auto!important}.game-layout .personal-reveal{flex-direction:column;flex:1;min-height:0;display:flex}.game-layout .personal-reveal>.stage{flex:1;min-height:0;height:auto!important}.personal-reveal-note{flex-shrink:0;padding:10px}.game-layout .game-bottom{min-height:55px;padding-block:7px}.game-layout .game-bottom>.quiet{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:calc(100% - 190px);font-size:10px;display:-webkit-box;overflow:hidden}.game-layout .game-bottom>.button{flex-shrink:0}.game-layout .leaderboard{box-sizing:border-box;align-self:start;max-height:100%;position:static;overflow-y:auto}.game-layout .game-tip{margin:0;padding:3px 0;font-size:9px}}@media (width>=761px) and (width<=1100px){.game-layout .results-grid{grid-template-rows:repeat(var(--mobile-rows,2),minmax(0,1fr))}}@media (width>=761px) and (height<=700px){.game-heading .eyebrow{display:none}.game-heading h1{font-size:23px}.game-layout .game-heading{margin-bottom:8px}.game-layout .round-summary{margin-bottom:8px;padding:6px 10px}.game-layout .answer-title{min-height:28px;padding:6px 10px}.game-layout .results-grid{gap:8px}.game-layout .game-tip{display:none}}.play-screen .game-layout:not(.with-board){flex-direction:column;height:calc(100dvh - 47px);min-height:0;padding-block:10px;display:flex}.game-layout:not(.with-board)>.game-main{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.game-layout:not(.with-board) .game-main>.stage{flex:1 1 0;min-height:0;height:0!important}.game-layout:not(.with-board) .game-heading,.game-layout:not(.with-board) .round-progress,.game-layout:not(.with-board) .size-control,.game-layout:not(.with-board) .game-bottom,.game-layout:not(.with-board) .game-tip{flex-shrink:0}@media (width<=760px){.game-layout:not(.with-board) .game-bottom{gap:7px;padding:7px 0}.game-layout:not(.with-board) .size-control{padding:9px 3px}.game-layout:not(.with-board) .game-tip{display:none}.game-layout:not(.with-board) .game-heading{margin-bottom:8px}.game-layout:not(.with-board) .object-labels{gap:3px}.game-layout:not(.with-board) .game-heading .eyebrow{display:none}}.code-input input{-webkit-text-security:disc}.code-input input::placeholder{-webkit-text-security:none}.stage-controls{flex-shrink:0;position:relative}.personal-controls-reveal>.game-bottom,.personal-controls-reveal>.stage-tip-slot{visibility:hidden;pointer-events:none}.personal-controls-reveal>.personal-reveal-note{pointer-events:none;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.stage-tip-slot{position:relative}.stage-tip-slot>.result-tip{white-space:nowrap;text-overflow:ellipsis;text-align:center;display:block;position:absolute;inset:0;overflow:hidden}@media (height<=760px) and (width>=761px){.stage-tip-slot>.result-tip{display:none}}@media (width<=760px){.game-layout:not(.with-board) .stage-tip-slot>.result-tip{display:none}}.seconds-setting{gap:8px;margin-top:9px;display:flex}.seconds-setting input{width:100%;min-width:0;padding:11px 12px;font-size:12px}.seconds-setting .button{min-height:40px;padding:9px 12px}.settings-panel #seconds-help{margin-top:7px;font-size:10px}
