@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/dm-sans-latin-800-normal-C2H8778U.woff2)format("woff2"),url(/assets/dm-sans-latin-800-normal-BwbkPQqB.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101c29;--surface:#172534;--surface-2:#1d2e3e;--line:#2b3c4b;--text:#f3f2eb;--muted:#acb8c1;--mint:#a6ebcc;--mint-ink:#102f25;--amber:#eac288;--red:#f7a69b;--radius:18px;--max:1160px;font-synthesis:none;color:var(--text);background:var(--bg);font-family:DM Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint)}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}p{color:var(--muted)}svg{vertical-align:middle;flex-shrink:0}strong{font-weight:600}input{border:1px solid var(--line);background:var(--bg);width:100%;height:54px;color:var(--text);border-radius:10px;min-width:0;padding:12px 16px}input::placeholder{color:#8697a5}input:focus{border-color:var(--mint)}label{margin:22px 0 9px;font-size:13px;font-weight:600;display:block}small{font-size:12px}.app-shell{max-width:var(--max);flex-direction:column;min-height:100dvh;margin:auto;padding:0 32px;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}.brand{letter-spacing:-.05em;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-mark{background:var(--mint);width:37px;height:37px;color:var(--mint-ink);border-radius:10px;place-items:center;display:grid}.brand-light{font-weight:500}.brand-dot{color:var(--mint)}nav{align-items:center;gap:23px;display:flex}.text-button{color:var(--muted);justify-content:center;align-items:center;gap:7px;min-height:44px;padding:3px 0;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--text)}.icon-button{width:44px;min-width:44px;height:44px;color:var(--muted);border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-2);color:var(--text)}.button{letter-spacing:-.01em;white-space:normal;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:14px 20px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--mint);color:var(--mint-ink)}.primary:hover:not(:disabled){background:#bcf4dd}.secondary{background:var(--surface-2);border:1px solid var(--line)}.secondary:hover:not(:disabled){border-color:#597081}.danger{background:var(--red);color:#3f1a16}.button:disabled{opacity:.4}.eyebrow{letter-spacing:.14em;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.mint-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.home{flex:1;padding-top:59px}.home-top{grid-template-columns:1.35fr 1fr;align-items:start;gap:74px;display:grid}.hero h1{letter-spacing:-.06em;margin:22px 0;font-size:clamp(42px,4.6vw,66px);font-weight:800;line-height:1.06}.hero h1>span{color:var(--mint)}.hero-description{max-width:440px;font-size:14px;line-height:1.8}.hero-facts{flex-wrap:wrap;gap:20px;margin:25px 0 0;display:flex}.hero-facts>span{color:#d5dcd9;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.hero-facts svg{color:var(--mint)}.hero-art{max-width:440px;height:222px;margin-top:25px;position:relative}.orbit-line{border:1px solid #304c50;border-radius:50%;width:65%;height:115px;position:absolute;top:34px;left:16%;transform:rotate(-13deg)}.medal-art{width:134px;height:155px;color:var(--amber);background:#23302f;border:1px solid #716142;border-radius:60px 60px 18px 18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:3px;left:38%;transform:rotate(8deg);box-shadow:9px 10px #142431}.medal-art span{letter-spacing:.09em;text-align:center;font-size:8px;font-weight:700;line-height:1.5}.art-avatar{align-items:center;gap:9px;display:flex;position:absolute}.avatar-one{top:27px;left:3%;transform:rotate(-8deg)}.avatar-two{bottom:49px;right:0;transform:rotate(7deg)}.art-avatar>span:last-child{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:9px}.art-star{color:var(--amber);font-size:24px;position:absolute}.star-one{bottom:47px;left:27%}.star-two{font-size:17px;top:12px;right:6%}.art-label{letter-spacing:.16em;color:#879ba9;font-size:8px;position:absolute;bottom:0;left:0}.entry-card{background:var(--surface);border-radius:var(--radius);border:1px solid #354555;padding:30px;box-shadow:0 18px 50px #0000000a}.entry-card>h2{margin:13px 0 8px;font-size:27px;font-weight:700}.entry-card>p{font-size:12px}.input-with-avatar{position:relative}.input-with-avatar>.avatar{width:36px;height:36px;position:absolute;top:9px;left:11px}.input-with-avatar>input{padding-left:60px}.avatar{width:42px;height:42px;color:var(--mint);background:#293b40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar.large{border-radius:16px;width:53px;height:53px}.avatar-orbit{color:#a6ebcc;background:#274440}.avatar-bolt{color:#f3cd87;background:#494131}.avatar-bloom{color:#e7b6e1;background:#44354a}.avatar-crown{color:#bec8f5;background:#3f414e}.avatar-comet{color:#f4b59e;background:#4c3735}.avatar-wave{color:#a1cbee;background:#2a3d4f}.avatar-gem{color:#c3d49a;background:#364334}.avatar-sun{color:#e1bacf;background:#463b42}.avatar-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.avatar-picker>button{border:1px solid #0000;border-radius:12px;place-items:center;min-height:44px;padding:3px;display:grid}.avatar-picker .avatar{border-radius:8px;width:32px;height:34px}.avatar-picker .avatar svg{width:18px}.avatar-picker>button.selected{border-color:var(--mint);background:#a6ebcc10}.mode-switch{background:var(--bg);border:1px solid var(--line);border-radius:9px;gap:4px;margin:23px 0 19px;padding:4px;display:flex}.mode-switch button{min-height:43px;color:var(--muted);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.mode-switch button.active{background:var(--surface-2);color:var(--text)}.entry-tip{align-items:center;gap:12px;margin-bottom:22px;display:flex}.tip-mark{width:36px;height:36px;color:var(--mint);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.entry-tip p{font-size:11px;line-height:1.65}.entry-tip strong{color:#889baa;font-size:10px;font-weight:400}.entry-card .primary{justify-content:space-between;width:100%}.entry-foot{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:8px;display:flex}.entry-foot .mint-dot{width:4px;height:4px}.code-field{margin-bottom:20px}.code-field label{margin-top:0}.code-field input{text-align:center;letter-spacing:.18em;font-size:20px;font-weight:600}.code-field small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-lineup{margin:49px 0 55px}.section-heading h2{font-size:22px;font-weight:600}.game-lineup .section-heading h2{margin-top:9px}.lineup-note{color:var(--muted);padding-top:25px;font-size:10px}.game-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.game-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:19px 19px 21px;transition:border-color .2s,transform .2s;display:block}.game-card:hover{border-color:#648879;transform:translateY(-3px)}.card-top{justify-content:space-between;align-items:center;display:flex}.game-number{color:#7f92a1;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.game-icon{border-radius:10px;flex-shrink:0;place-items:center;width:35px;height:35px;display:inline-grid}.game-reflex{color:var(--mint);background:#29423d}.game-memory{color:#c3bdea;background:#3c3a51}.game-targets{color:#eeb796;background:#493b32}.game-chrono{color:var(--amber);background:#47412f}.game-icon.big{border-radius:23px;width:72px;height:72px}.game-card .eyebrow{letter-spacing:.12em;font-size:8px}.game-card h3{letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:5px;margin:8px 0;font-size:16px;display:flex}.game-card h3 svg{color:#81928f}.game-card>p{font-size:10px;line-height:1.6}.game-sketch{justify-content:center;align-items:center;height:84px;margin:7px 0 17px;display:flex;position:relative}.mini-signal{color:var(--mint);letter-spacing:-.04em;border:1px solid #41675d;border-radius:12px;align-items:center;gap:9px;padding:5px 20px;font-size:30px;font-weight:800;display:flex;transform:rotate(-7deg)}.mini-signal span{font-size:12px}.sketch-memory{grid-template-columns:repeat(3,1fr);gap:4px;width:80px;height:70px;margin-left:auto;margin-right:auto;padding-top:8px;display:grid;transform:rotate(7deg)}.sketch-memory i{background:#2f3348;border:1px solid #454458;border-radius:4px;width:23px;height:23px}.sketch-memory i.lit{background:#a8a1d5;border-color:#c3bdea}.sketch-targets>span,.sketch-targets>b{color:#d4b38d;border:1px solid #82674b;border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;font-weight:500;display:grid;position:absolute;top:20px;left:23%}.sketch-targets>i{color:#cd9587;border:1px solid #87635b;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:15px;right:20%;transform:rotate(15deg)}.sketch-targets>b{width:27px;height:27px;font-size:18px;top:47px;left:auto;right:25%}.footer{border-top:1px solid var(--line);color:#7d909e;min-height:72px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;align-items:center;margin-top:auto;font-size:10px;display:flex}.footer .text-button{color:#8c9ba6;font-size:10px}.connection-banner,.notice,.error-banner{background:var(--surface-2);border:1px solid #4b5b5b;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;font-size:12px;display:flex}.connection-banner{color:var(--amber);justify-content:flex-start}.connection-banner>button{min-height:44px;margin-left:auto;font-size:12px;text-decoration:underline}.error-banner{color:var(--red);background:#3b2d2d;border-color:#744c4c}.notice{color:var(--text)}.notice .icon-button,.error-banner .icon-button{margin:-8px -8px -8px 0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-main{flex:1;width:100%;padding:23px 0 60px}.room-context{color:var(--muted);letter-spacing:.09em;justify-content:space-between;align-items:center;margin-bottom:27px;font-size:10px;display:flex}.room-context>span{align-items:center;gap:9px;display:flex}.room-context strong{color:var(--text);letter-spacing:.16em;font-size:12px}.page-title{margin-bottom:34px}.page-title h1{letter-spacing:-.05em;margin:12px 0;font-size:36px}.page-title h1>span{color:var(--mint)}.page-title p{font-size:13px}.lobby-grid{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:26px}.panel h2{font-size:21px}.badge{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:inline-flex}.player-list{margin-top:20px}.player-row,.ranking-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.player-name{flex:1;min-width:0}.player-name>strong{overflow-wrap:anywhere;font-size:14px;display:block}.player-name small{color:var(--muted);align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.you{color:var(--muted);margin-left:7px;font-size:9px;font-weight:400}.ready-badge{color:#acb8c1;white-space:nowrap;background:var(--surface-2);border-radius:6px;align-items:center;gap:3px;padding:5px 7px;font-size:10px;display:flex}.ready-badge.ready{color:var(--mint);background:#a6ebcc0c}.kick{color:#7f939b;width:30px;min-width:30px;margin-left:-6px}.empty-seat{border-bottom:1px dashed var(--line);color:#6e8492;justify-content:center;align-items:center;gap:15px;padding:26px 12px;display:flex}.empty-seat p{font-size:11px;line-height:1.7}.empty-seat strong{font-weight:400}.lobby-profile-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.lobby-profile-actions .button{min-height:45px;padding:10px 15px;font-size:11px}.invite-panel h2{margin:11px 0 9px;font-size:26px}.invite-panel p{font-size:12px}.invite-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding:15px;display:flex}.label-small{color:var(--muted);letter-spacing:.14em;font-size:8px;display:block}.room-code{color:var(--mint);letter-spacing:.13em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:30px;display:block}.qr{border-radius:6px;width:99px;height:99px}.invite-buttons{gap:9px;margin-top:16px;display:flex}.invite-buttons .button{flex:1;min-height:47px;font-size:12px}.share-button{border:1px solid var(--line);background:var(--surface-2);width:47px;height:47px}.share-link{color:#93a5b1;background:0 0;border:0;height:31px;margin-top:6px;padding:8px 0;font-size:10px}.format-panel{grid-column:1/-1}.section-heading>.muted{font-size:10px}.format-switch{grid-template-columns:1fr 1fr;gap:13px;margin-top:22px;display:grid}.format-switch button{text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:11px;min-height:80px;padding:15px 20px;position:relative}.format-switch button.selected{background:#a6ebcc07;border-color:#8ccfb0}.format-switch strong{font-size:16px;display:block}.format-switch span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.format-switch svg{color:var(--mint);position:absolute;top:18px;right:17px}.format-switch button:disabled{cursor:default;opacity:1}.round-order{grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0;display:grid}.round-order>div{align-items:center;gap:8px;display:flex}.round-order>div>span{color:#7f95a0;font-size:9px}.round-order .game-icon{border-radius:8px;width:28px;height:28px}.round-order svg{width:17px}.round-order strong{font-size:11px;line-height:1.3}.scoring-note{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:21px;font-size:11px;display:flex}.scoring-note svg{color:var(--amber)}.start-row{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.start-row p{font-size:11px}.start-row .button{min-width:225px;font-size:12px}.instructions-card,.results-panel{text-align:center;max-width:700px;margin:35px auto 0}.instructions-card>.eyebrow,.results-panel>.eyebrow{justify-content:center}.rules>.game-icon{margin-top:29px}.rules h2{margin:20px 0 12px;font-size:35px}.rules>p{font-size:14px}.rules ol{text-align:left;counter-reset:rule;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.rules li{counter-increment:rule;background:var(--surface);border:1px solid var(--line);color:#d1dbdf;border-radius:11px;padding:17px 18px 17px 56px;font-size:13px;line-height:1.65;position:relative}.rules li:before{content:counter(rule);background:var(--surface-2);width:25px;height:25px;color:var(--mint);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:17px;left:18px}.countdown-box{background:var(--surface);border-radius:13px;margin:30px 0;padding:20px}.countdown-box p{font-size:13px}.countdown-number{color:var(--mint);font-variant-numeric:tabular-nums;font-size:60px;font-weight:700}.modal{border-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid #486070;width:calc(100% - 32px);max-width:580px;max-height:90dvh;padding:0;box-shadow:0 30px 90px #0008}.modal::backdrop{background:#050c14cc}.modal-inner{padding:26px 28px}.modal .section-heading h2{font-size:23px}.modal p{margin-top:20px;font-size:13px;line-height:1.8}.modal .rules{text-align:center}.modal .rules h2{font-size:30px}.modal .rules p{margin-top:0}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.help-steps{margin:25px 0;padding:0;list-style:none}.help-steps li{align-items:flex-start;gap:17px;margin:24px 0;display:flex}.help-steps li>span{color:var(--mint);background:var(--surface-2);border-radius:7px;padding:8px 10px;font-size:12px}.help-steps h3{font-size:17px;line-height:1.4}.help-steps p{margin-top:5px;font-size:12px}.modal form>.button{width:100%;margin-top:25px}.muted{color:var(--muted)}.sr-only{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.fatal{max-width:500px;margin:10vh auto;padding:25px}.fatal button{background:var(--mint);color:var(--mint-ink);border-radius:10px;margin-top:20px;padding:15px}.game-screen{max-width:660px;margin:0 auto}.game-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.game-header>div{align-items:center;gap:13px;display:flex}.game-header .game-icon{border-radius:14px;width:48px;height:48px}.game-header h1{margin-top:5px;font-size:25px}.game-header .eyebrow{font-size:8px}.game-progress{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:17px;margin:25px 0 32px;font-size:11px;font-weight:600;display:flex}.game-progress small{font-size:10px;font-weight:400}.progress-track{background:var(--surface-2);border-radius:5px;flex:1;height:4px;overflow:hidden}.progress-track>i{background:var(--mint);height:100%;transition:width .3s;display:block}.timer{color:var(--text);text-align:right;min-width:37px;font-size:16px}.play-heading{text-align:center;margin-bottom:23px}.play-heading h2{font-size:24px}.play-heading p{margin-top:10px;font-size:12px;line-height:1.7}.reflex-pad{background:var(--surface);border:1px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:277px;display:flex}.reflex-pad>strong{letter-spacing:-.04em;font-size:40px;font-weight:800}.reflex-pad small{color:var(--muted);font-size:12px}.signal-shape{place-items:center;height:54px;display:grid}.wait-lines{gap:10px;display:flex}.wait-lines>i{background:var(--amber);border-radius:3px;width:10px;height:35px}.signal-wait{color:var(--amber);border-color:#5f5340}.signal-go{background:var(--mint);color:var(--mint-ink);border-color:var(--mint)}.signal-go small{color:#35654e}.go-circle{border:8px solid var(--mint-ink);border-radius:50%;width:45px;height:45px;display:block}.reflex-pad.answered{background:var(--surface);border-color:var(--line);color:var(--text);opacity:1}.reflex-pad.answered strong{font-size:32px}.attempts{justify-content:space-between;gap:6px;margin:20px 0;display:flex}.attempts>div{border:1px solid var(--line);text-align:center;border-radius:10px;flex:1;min-width:0;padding:10px}.attempts span{color:var(--muted);font-size:9px;display:block}.attempts strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px;display:block}.attempts small{color:var(--red);margin-top:4px;font-size:8px;display:block}.attempts .current{border-color:#7c9d8e}.game-footnote{text-align:center;margin-top:18px;font-size:10px;line-height:1.7}.live-score{background:var(--surface);border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin:23px 0 15px;padding:15px 20px;display:flex}.live-score>span{color:var(--muted);font-size:12px}.live-score>strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:25px}.live-score small{color:var(--muted);letter-spacing:0;margin-left:7px;font-size:11px;font-weight:400}.mini-players{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:23px;display:flex}.mini-players .avatar{border-radius:9px;width:31px;height:31px}.mini-players .avatar svg{width:16px}.mini-players .is-away{opacity:.4}.play-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:415px;margin:auto;display:grid}.grid-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:17px;place-items:center;min-width:0;display:grid;position:relative}.cell-key{color:#a3b1ba;opacity:.65;font-size:9px;position:absolute;top:10px;left:13px}.cell-symbol{color:#9fb4c3;opacity:.35;font-size:30px;line-height:1}.grid-cell.flash{background:#d0c5fa;border-color:#e4dbff;box-shadow:0 0 0 4px #c3bdea15}.grid-cell.flash .cell-symbol{color:#342d4d;opacity:1}.grid-cell.flash .cell-key{color:#42365f}.memory-grid .grid-cell:not(:disabled):hover{background:#2e3146;border-color:#baafde}.memory-grid .grid-cell:not(:disabled):active{background:#c3bdea}.memory-grid .grid-cell:not(:disabled):active .cell-symbol{color:#342d4d;opacity:1}.memory-progress{text-align:center;margin-top:24px}.memory-progress>span{color:var(--muted);font-size:10px}.memory-progress>div{justify-content:center;gap:7px;margin-top:8px;display:flex}.memory-progress i{border:1px solid var(--line);width:30px;height:32px;color:var(--muted);border-radius:7px;place-items:center;font-style:normal;display:grid}.memory-progress i.correct{color:var(--mint);background:#a6ebcc08;border-color:#537a69}.memory-progress i.wrong{color:var(--red);background:#f7a69b0a;border-color:#896051}.memory-progress p{margin-top:12px;font-size:10px}.target-shape{place-items:center;width:66%;height:66%;font-size:41px;line-height:1;display:grid}.target-good .target-shape{background:var(--mint);color:var(--mint-ink);border:3px solid #d5f7e8;border-radius:50%}.target-decoy .target-shape{color:#ffd0b8;background:#684440;border:2px solid #e6a394;border-radius:11px;width:56%;height:56%;transform:rotate(12deg)}.target-decoy{background:#211f2a}.empty-dot{background:#405667;border-radius:50%;width:5px;height:5px}.collected-check{color:var(--mint);opacity:.4}.target-stats{justify-content:center;gap:27px;margin-top:23px;display:flex}.target-stats>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.target-stats>span>strong{color:var(--text);font-size:14px}.target-stats svg{color:var(--mint)}.error-cross{color:var(--red);font-size:22px;line-height:1}.results-panel h1{margin-top:17px;font-size:36px}.results-panel>p{margin:15px 0 30px;font-size:13px;line-height:1.8}.ranking{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-top:23px;padding:5px 17px}.ranking-row{padding:15px 8px}.ranking-row:last-child{border-bottom:0}.ranking-row.is-you{background:#a6ebcc06}.rank{color:var(--muted);font-variant-numeric:tabular-nums;width:22px;font-size:12px}.rank-score{color:var(--mint);text-align:right;font-variant-numeric:tabular-nums;font-size:21px}.rank-score small{color:var(--muted);letter-spacing:0;font-size:8px;font-weight:400;display:block}.next-round{color:var(--muted);margin:27px 0;font-size:12px}.next-round strong{color:var(--text);margin-left:5px}.podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin:40px 0 28px;display:flex}.podium-player{flex-direction:column;align-items:center;gap:11px;width:150px;display:flex;position:relative}.podium-player>strong{overflow-wrap:anywhere;max-width:140px;font-size:14px}.podium-medal{height:26px;color:var(--amber)}.podium-base{background:#303a35;border:1px solid #566048;border-radius:12px 12px 5px 5px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:125px;padding:16px 10px;display:flex}.podium-base>span{color:var(--amber);font-size:34px;font-weight:800}.podium-base>strong{font-size:17px}.podium-base small{color:var(--muted);font-size:9px;font-weight:400;display:block}.podium-rank-1{order:2}.podium-rank-1 .podium-base{background:#3b3d30;border-color:#a1895e;min-height:156px}.podium-rank-2{order:1}.podium-rank-3{order:3}.podium-rank-3 .podium-base{min-height:103px}.tournament-recap{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:15px;margin:27px 0;padding:20px}.tournament-recap h3{margin-bottom:12px;font-size:16px}.tournament-recap>div{align-items:center;gap:9px;padding:8px 0;font-size:12px;display:flex}.tournament-recap strong{color:var(--mint);margin-left:auto;font-size:11px}.results-actions{flex-direction:column;align-items:center;gap:12px;margin-top:25px;display:flex}.results-actions small{color:var(--muted);max-width:340px;font-size:10px}.final-results>p{margin-bottom:0}@media (width>=1400px){.app-shell{padding:0 30px}.hero h1{font-size:65px}.home-top{gap:95px}.entry-card{padding:32px}.hero-art{height:211px;margin-top:29px}}@media (width<=1000px){.home-top{grid-template-columns:1.05fr 1fr;gap:35px}.app-shell{padding:0 24px}.hero h1{font-size:48px}.entry-card{padding:23px}.hero-facts{gap:11px}.hero-facts>span{font-size:10px}.hero-description{font-size:13px}.hero-art{height:205px}.medal-art{width:120px;height:145px;left:32%}.avatar-two{right:-10px}.hero-art .art-avatar>span:last-child{padding:6px;font-size:8px}.game-card{padding:16px 13px}.game-card h3{font-size:14px}.game-card h3 svg{width:14px}.lineup-note{display:none}.lobby-grid{gap:17px}.panel{padding:20px}.room-code{font-size:25px}.qr{width:85px;height:85px}.round-order{gap:5px}.round-order strong{font-size:10px}.lobby-profile-actions{gap:8px}.lobby-profile-actions .text-button{font-size:10px}}@media (width<=700px){.app-shell{padding:0 20px}.topbar{min-height:78px}.brand{gap:8px;font-size:18px}.brand-mark{border-radius:9px;width:32px;height:32px}.brand-mark svg{width:21px}nav{gap:5px}.how-button{gap:0;width:44px;font-size:0}.how-button svg{width:19px;height:19px}.home{padding-top:34px}.home-top{grid-template-columns:1fr;gap:27px}.hero h1{margin:18px 0;font-size:48px}.hero-description{max-width:460px;font-size:13px}.hero-facts{gap:19px;margin-top:22px}.hero-facts>span{font-size:10px}.hero-art{display:none}.hero>.eyebrow{letter-spacing:.11em;font-size:8px}.entry-card{padding:24px}.entry-card>h2{font-size:25px}.entry-card>p{font-size:12px}.avatar-picker{gap:6px}.avatar-picker .avatar{width:33px;height:35px}.mode-switch button,.entry-tip p{font-size:11px}.entry-tip strong{font-size:10px}.entry-foot{font-size:8px}.game-lineup{margin:39px 0}.game-lineup .section-heading h2{max-width:270px;font-size:23px;line-height:1.25}.game-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}.game-card{padding:16px}.game-card h3{font-size:14px}.game-card p{font-size:10px}.game-card .eyebrow{font-size:7px}.game-sketch{height:73px;margin-bottom:15px}.game-icon{border-radius:9px;width:31px;height:31px}.footer{min-height:69px;font-size:9px}.footer .text-button{font-size:9px}.room-main{padding:14px 0 35px}.room-context{margin-bottom:23px}.page-title{margin-bottom:25px}.page-title h1{max-width:300px;font-size:30px;line-height:1.15}.page-title p{font-size:12px;line-height:1.75}.lobby-grid{grid-template-columns:1fr;gap:15px}.panel{padding:20px}.players-panel h2{font-size:19px}.player-row{gap:10px}.player-name strong{font-size:13px}.invite-panel h2{font-size:25px}.invite-panel .eyebrow{font-size:9px}.qr{width:96px;height:96px}.room-code{font-size:28px}.format-panel{grid-column:auto}.format-panel .section-heading{flex-direction:column;align-items:flex-start;gap:7px}.format-panel h2{font-size:21px}.format-switch{gap:9px;margin-top:17px}.format-switch button{min-height:88px;padding:13px 11px}.format-switch strong{font-size:14px}.format-switch span{max-width:110px;font-size:9px}.format-switch svg{width:15px;top:12px;right:9px}.round-order{grid-template-columns:1fr 1fr;gap:16px 11px;margin:23px 0}.round-order strong{font-size:11px}.round-order .game-icon{width:31px;height:31px}.scoring-note{align-items:flex-start;font-size:10px;line-height:1.7}.start-row{flex-direction:column;align-items:stretch;gap:13px}.start-row p{text-align:center;font-size:10px;line-height:1.7}.start-row .button{width:100%;min-width:0;font-size:13px}.lobby-profile-actions .button{padding:10px 12px;font-size:10px}.instructions-card{margin-top:25px}.rules h2{font-size:31px}.rules ol{gap:10px;margin-top:23px}.rules li{padding:15px 15px 15px 50px;font-size:12px}.rules li:before{width:23px;height:23px;top:16px;left:14px}.rules>p{font-size:12px}.modal-inner{padding:22px 20px}.modal .section-heading h2{font-size:20px}.modal p{font-size:12px}.help-steps h3{font-size:15px}.help-steps p{font-size:11px}.game-header h1{font-size:23px}.game-header .game-icon{width:43px;height:43px}.game-progress{gap:12px;margin:21px 0 26px}.play-heading h2{font-size:22px}.play-heading p{margin-top:8px;font-size:11px}.play-heading{margin-bottom:21px}.reflex-pad{border-radius:19px;height:235px}.reflex-pad>strong{font-size:36px}.reflex-pad small{font-size:11px}.attempts{gap:5px;margin-top:16px}.attempts>div{padding:9px 3px}.attempts strong{font-size:9px}.attempts small{font-size:7px}.game-footnote{font-size:9px}.play-grid{gap:10px}.grid-cell{border-radius:14px}.cell-symbol{font-size:28px}.cell-key{font-size:8px;top:7px;left:10px}.target-shape{font-size:34px}.target-stats{gap:17px}.target-stats>span{gap:5px;font-size:9px}.live-score{margin-top:20px;padding:12px 16px}.live-score>strong{font-size:23px}.live-score>span{font-size:11px}.results-panel{margin-top:27px}.results-panel h1{font-size:29px}.results-panel>p{font-size:12px}.ranking{padding:4px 11px}.ranking-row{gap:9px;padding:14px 3px}.ranking-row .avatar{border-radius:10px;width:35px;height:35px}.rank{width:17px;font-size:10px}.ranking-row .player-name strong{font-size:12px}.ranking-row .player-name small{font-size:9px}.rank-score{font-size:19px}.rank-score small{font-size:7px}.podium{gap:9px;margin-top:32px}.podium-player{gap:9px;width:calc(33.3333% - 6px)}.podium-player>strong{text-align:center;font-size:11px}.podium-player .avatar.large{border-radius:13px;width:45px;height:45px}.podium-base{min-height:112px;padding:13px 7px}.podium-base>span{font-size:28px}.podium-base>strong{font-size:15px}.podium-rank-1 .podium-base{min-height:140px}.podium-rank-3 .podium-base{min-height:93px}.connection-banner,.notice,.error-banner{padding:10px 12px;font-size:11px;line-height:1.6}.results-actions .button{width:100%;font-size:12px}}@media (width<=380px){.app-shell{padding:0 16px}.hero h1{font-size:44px}.hero-facts{gap:13px}.entry-card{padding:21px}.avatar-picker{gap:3px}.avatar-picker>button{padding:2px}.avatar-picker .avatar{width:29px;height:33px}.entry-foot{font-size:7.5px}.game-card{padding:14px 12px}.game-card h3{font-size:13px}.game-card h3 svg{width:12px}.room-code{font-size:25px}.qr{width:87px;height:87px}.panel{padding:17px}.lobby-profile-actions{gap:6px}.lobby-profile-actions .button{font-size:9px}.play-heading h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (height<=600px) and (orientation:landscape){.topbar{min-height:65px}.hero-art{display:none}.game-screen{max-width:540px}.play-grid{max-width:285px}.reflex-pad{height:170px}.game-progress{margin:15px 0}.play-heading{margin-bottom:15px}.mini-players{margin-top:12px}}.avatar-picker{grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px}.avatar-picker>button{min-width:44px;min-height:44px}.avatar-picker .avatar{width:34px;height:34px}.kick{width:44px;min-width:44px}.text-button{min-width:44px}.memory-grid .cell-0{--tile:#a6ebcc}.memory-grid .cell-1{--tile:#eac288}.memory-grid .cell-2{--tile:#c3bdea}.memory-grid .cell-3{--tile:#efa99c}.memory-grid .cell-4{--tile:#a1cbee}.memory-grid .cell-5{--tile:#e7b6e1}.memory-grid .cell-6{--tile:#c3d49a}.memory-grid .cell-7{--tile:#f0c0a0}.memory-grid .cell-8{--tile:#bad2de}.memory-grid .cell-symbol{color:var(--tile);opacity:.9}.memory-grid .grid-cell.flash{background:var(--tile);border-color:var(--tile)}.memory-grid .grid-cell.flash .cell-symbol{color:#101c29;opacity:1}.sketch-chrono .mini-ghost{color:var(--amber);align-items:center;gap:12px;display:flex}.mini-ghost span{letter-spacing:-.06em;font-size:24px;font-weight:700}.chrono-choice{text-align:center;padding:26px}.chrono-choice label{margin:0 0 16px}.chrono-target-input{justify-content:center;align-items:center;gap:14px;display:flex}.chrono-target-input input{text-align:center;max-width:200px;height:86px;color:var(--amber);font-variant-numeric:tabular-nums;font-size:46px;font-weight:600}.chrono-target-input>span{color:var(--muted)}.chrono-choice p{margin:16px 0;font-size:12px;line-height:1.7}.chrono-choice .button{width:100%;margin:8px 0}.chrono-play{flex-direction:column;align-items:center;display:flex}.chrono-target-label{color:var(--muted);letter-spacing:.12em;text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.chrono-target-label strong{color:var(--amber);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:32px}.chrono-target-label>span{letter-spacing:0;overflow-wrap:anywhere;font-size:11px}.ghost-clock{width:min(280px,75vw);height:min(280px,75vw);color:var(--amber);background:#272d2e;border:2px solid #74654a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:25px 0;display:flex;box-shadow:inset 0 0 0 10px #f3cd8705}.ghost-clock strong{letter-spacing:-.06em;font-size:62px;line-height:1.15}.ghost-clock>span{color:var(--muted);text-align:center;font-size:11px}.chrono-toggle{width:min(100%,380px);min-height:64px;font-size:18px}.chrono-stop{background:var(--amber);color:#35291d}.chrono-stop:hover:not(:disabled){background:#f7d99e}.chrono-stopped{min-height:64px;color:var(--mint);align-items:center;gap:10px;display:flex}.chrono-stopped p{text-align:center;font-size:12px}.chrono-outcomes{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:22px;padding:0 16px}.chrono-outcome{align-items:center;gap:12px;padding:17px 0;display:flex}.chrono-outcome+.chrono-outcome{border-top:1px solid var(--line)}.chrono-outcome>div{flex:1;min-width:0}.chrono-outcome strong{overflow-wrap:anywhere;font-size:13px}.chrono-outcome small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.chrono-outcome b{color:var(--amber);text-align:right;font-variant-numeric:tabular-nums;font-size:23px}.chrono-outcome.is-you strong{color:var(--mint)}
