@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/sora/sora-400.ttf') format('truetype')}
@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/sora/sora-500.ttf') format('truetype')}
@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/sora/sora-600.ttf') format('truetype')}
@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/sora/sora-700.ttf') format('truetype')}
@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/sora/sora-800.ttf') format('truetype')}
:root{color-scheme:dark;font-family:Sora,Segoe UI,sans-serif;font-synthesis:none;background:#0c0e10;color:#f4f5f2;--accent:#d3f878;--muted:#868b91;--border:#24282c;--surface:#14171a}
*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.6}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent }button,a{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1:focus{outline:none}.ui-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}
.platform{display:flex;min-height:100vh}.sidebar{width:222px;flex-shrink:0;background:#111416;border-right:1px solid var(--border);padding:30px 18px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:block;width:143px;margin:0 12px 32px;line-height:0}.brand-logo{display:block;width:100%;height:auto;mix-blend-mode:screen}.nav-label{margin:0 14px 12px;font-size:10px;letter-spacing:1.4px;color:#626970;text-transform:uppercase}.main-nav{display:flex;flex-direction:column;gap:6px}.main-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 14px;border-radius:9px;color:#959ba1;font-size:12px;font-weight:500}.main-nav a:hover{background:#1b2024;color:#f4f5f2}.main-nav a.active{background:#252d23;color:#ddf8ad}.main-nav .ui-icon{width:18px;height:18px}.nav-count{margin-left:auto;border:1px solid #3c4436;border-radius:4px;font-size:9px;padding:0 5px;line-height:19px}.nav-divider{height:1px;background:var(--border);margin:18px 12px}.sidebar-footer{display:flex;gap:10px;align-items:center;margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--border)}.sidebar-footer strong{font-size:10px;font-weight:500;display:block;color:#bbc0c4}.sidebar-footer div>span{display:block;font-size:9px;color:#6f767b;margin-top:2px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);flex-shrink:0}
main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #202428;gap:16px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#c1c6c8}.breadcrumb>span{color:#687078}.topbar-actions{display:flex;align-items:center;gap:28px}.preview-label{display:flex;align-items:center;gap:7px;color:#9ba1a5;font-size:10px}.account-link{display:flex;align-items:center;gap:9px;font-size:11px}.avatar{width:30px;height:30px;border:1px solid #333a3f;background:#20262a;border-radius:50%;display:grid;place-items:center;color:#aeb6ba}.avatar .ui-icon{width:14px;height:14px}.platform>main>article{width:100%;max-width:1320px;padding:34px 38px 36px;margin:0 auto;flex:1}.page-footer{padding:18px 38px;display:flex;justify-content:space-between;gap:16px;color:#596269;font-size:10px;border-top:1px solid #1d2226}.page-footer>span:last-child{display:flex;align-items:center;gap:7px}.page-footer .ui-icon{width:12px;height:12px}
.eyebrow{color:#7c858c;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;margin:0 0 9px}h1{font-size:clamp(26px,2.8vw,36px);letter-spacing:-1.4px;line-height:1.25;font-weight:600;margin:0 0 16px}h2{font-size:20px;letter-spacing:-.7px;font-weight:600;line-height:1.4;margin:0 0 10px}p{margin:0 0 14px}.lead{font-size:13px;color:var(--muted);line-height:1.9;max-width:600px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading h1{margin-bottom:0}.page-heading .lead{margin:12px 0 0}.quiet-tag{display:inline-flex;border:1px solid #2b3235;padding:5px 10px;border-radius:6px;font-size:9px;color:#929ba1;white-space:nowrap}
.welcome-hero{display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden;min-height:312px;padding:36px 36px;background:#171e1a;border:1px solid #2b352b;border-radius:16px;gap:28px}.hero-copy{z-index:1}.hero-label{display:flex;align-items:center;gap:7px;color:#a2b39d;font-size:9px;letter-spacing:.3px;margin-bottom:18px}.hero-label .ui-icon{width:13px;height:13px}.hero-copy h2{font-size:clamp(30px,3.3vw,46px);font-weight:600;line-height:1.2;letter-spacing:-1.8px;margin-bottom:16px}.hero-copy h2 span{color:var(--accent)}.hero-copy p{max-width:330px;color:#a1aaa1;line-height:1.8;font-size:12px;margin-bottom:20px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;background:var(--accent);color:#192110;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;min-height:41px}.button:hover,button:hover{background:#e0ff96;transform:translateY(-1px)}.button .ui-icon,button .ui-icon{width:15px;height:15px}.button.secondary,button.secondary{background:#1e2428;color:#e0e5e4;border-color:#343c40}.button.secondary:hover,button.secondary:hover{background:#2b3236}.hero-note{display:block;font-size:9px;color:#778676;margin-top:12px}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-visual .game-art{background:transparent;overflow:visible;width:100%;height:230px}.hero-visual .connect-board{width:230px;transform:perspective(700px) rotateY(-14deg) rotateZ(10deg);padding:14px;gap:6px;border-radius:16px;background:#333e2c;border-color:#556249;box-shadow:12px 18px 0 #222a1e,16px 30px 42px #0005}.hero-visual .disc{box-shadow:inset 2px 3px 5px #0006;background:#172016}.visual-caption{font-size:9px;color:#7b8977;margin-top:12px}
.collection-section{margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font-size:19px;margin:0}.section-heading .eyebrow{margin-bottom:5px}.text-link{display:flex;align-items:center;gap:9px;font-size:10px;color:#c6cecb;white-space:nowrap}.text-link .ui-icon{width:14px;height:14px}.text-link:hover{color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.game-card:hover{border-color:#444f44;transform:translateY(-3px)}.game-card-content{padding:16px}.game-category{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#7d888e}.game-card h2{font-size:14px;letter-spacing:-.45px;margin:5px 0 16px}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#7c888c}.coming-soon{font-size:8px;color:#a2aaa7;border:1px solid #323b39;border-radius:4px;padding:2px 5px;white-space:nowrap}.game-art{height:146px;display:grid;place-items:center;overflow:hidden;position:relative}.art-connect{background:#20291f}.art-checkers{background:#292422}.art-memory{background:#222434}.art-reaction{background:#182b30}.connect-board{width:127px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:9px;background:#414c34;border:1px solid #687455;border-radius:9px;transform:rotate(-9deg);box-shadow:5px 7px 0 #121b15,8px 15px 16px #0003}.disc{display:block;aspect-ratio:1;border-radius:50%;background:#1f291d;box-shadow:inset 1px 2px 3px #0008}.disc.disc-lime{background:#d3ed8a;box-shadow:inset 0 -2px 0 #96b65a}.disc.disc-cream{background:#efddaa;box-shadow:inset 0 -2px 0 #b29d6b}.checker-board{width:118px;height:118px;display:grid;grid-template-columns:repeat(6,1fr);transform:perspective(450px) rotateX(16deg) rotateZ(-14deg);padding:6px;background:#806a52;border:1px solid #b49874;border-radius:5px;box-shadow:5px 6px 0 #392f25}.checker-board>span{display:grid;place-items:center;aspect-ratio:1}.square-light{background:#b39878}.square-dark{background:#514334}.checker-piece{width:13px;height:13px;background:#34332f;border:2px solid #656155;border-radius:50%;box-shadow:0 2px 0 #171814}.checker-piece.piece-cream{background:#e0ceb1;border-color:#f4e4c9;box-shadow:0 2px 0 #938470}.memory-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;transform:rotate(-10deg)}.memory-tile{width:33px;height:33px;display:grid;place-items:center;border-radius:6px;border:1px solid #6f719a;background:#494b68;box-shadow:0 3px 0 #303249}.memory-tile b{font-weight:400;font-size:19px;color:#9093bb}.memory-tile.revealed{background:#bbb8dc;border-color:#d7d1f0}.memory-tile i{display:block;width:13px;height:13px;background:#666082;border-radius:3px;transform:rotate(45deg)}.reaction-target{width:115px;height:115px;display:grid;place-items:center;position:relative}.reaction-target>span{position:absolute;inset:0;border:1px solid #45696e;border-radius:50%}.reaction-target>span:nth-child(2){inset:18px;border-color:#598e92}.reaction-target>span:nth-child(3){inset:36px;border-color:#80c7c7}.reaction-target>i{width:22px;height:22px;border-radius:50%;background:#a9e2da;box-shadow:0 0 24px #a9e2da35}.reaction-target:before,.reaction-target:after{content:"";position:absolute;background:#779b9d}.reaction-target:before{width:145px;height:1px}.reaction-target:after{width:1px;height:145px}
.player-banner{display:flex;align-items:center;gap:18px;margin-top:24px;padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:#121619}.banner-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #30393d;border-radius:11px;color:#a9b5b5;background:#1c2428;flex-shrink:0}.player-banner h2{font-size:14px;letter-spacing:-.3px;margin:0 0 4px}.player-banner p{font-size:10px;color:#7f8b90;margin:0}.player-banner .button{margin-left:auto;white-space:nowrap;font-size:10px}.catalog-intro{display:flex;align-items:center;gap:12px;margin:24px 0}.catalog-intro p{margin:0;color:#7e888e;font-size:10px}
.card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:12px;line-height:1.9;margin-top:24px}.card p{color:#909aa0;max-width:650px}.card a:not(.button){color:var(--accent)}.card button{margin:8px 0}.pill{display:inline-flex;padding:5px 10px;border:1px solid #3a4435;color:#c3d2b2;border-radius:6px;font-size:10px}.form{max-width:480px}label{display:block;font-size:11px;font-weight:500;margin-bottom:20px}input{display:block;width:100%;padding:12px 14px;margin-top:8px;background:#0e1215;border:1px solid #30383d;border-radius:7px;color:#edf1ee;outline:none}input:focus{border-color:#b2ce85}.caption{font-size:10px;color:#758189}.form .caption{margin-top:24px}.form p{font-size:10px}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.admin-nav button{font-size:10px}.admin-nav+.card{margin-top:0}button:disabled{opacity:.4;cursor:not-allowed;transform:none}[role=alert],.validation-message,.validation-errors{color:#f0969e}.empty-state{padding:26px;border:1px solid var(--border);border-radius:12px;color:#98a2a8}.loading-note{color:#87949a}.loading-brand{display:grid;justify-items:center;align-content:center;min-height:70vh;gap:12px;color:#98a49f}.loading-brand svg{mix-blend-mode:screen}#blazor-error-ui{display:none;position:fixed;bottom:0;z-index:10;background:#49262c;padding:16px;width:100%}
@media(min-width:1600px){.platform>main>article{padding-top:42px}.welcome-hero{min-height:340px}}
@media(max-width:1100px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.brand{width:136px}.topbar{padding:0 26px}.platform>main>article{padding:28px 26px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h2{font-size:34px}.welcome-hero{padding:28px;gap:16px}.hero-visual .connect-board{width:185px}.hero-visual .game-art{height:210px}.visual-caption{font-size:8px}.quiet-tag{font-size:8px}}
@media(max-width:760px){.platform{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;padding:18px 18px 10px;border-right:0;border-bottom:1px solid var(--border)}.brand{width:130px;margin:0 0 15px}.nav-label,.sidebar-footer,.nav-divider,.nav-count{display:none}.main-nav{flex-direction:row;overflow-x:auto;gap:5px}.main-nav a{min-height:38px;padding:8px 10px;gap:7px;white-space:nowrap;font-size:10px}.main-nav .ui-icon{width:15px;height:15px}.topbar{height:58px;padding:0 20px}.topbar-actions{gap:14px}.breadcrumb{font-size:10px;gap:9px}.platform>main>article{padding:26px 20px}.page-heading>.quiet-tag{display:none}.page-heading{margin-bottom:20px}.welcome-hero{grid-template-columns:1fr .7fr;gap:10px;padding:24px;min-height:280px}.hero-copy h2{font-size:31px;letter-spacing:-1.3px}.hero-copy p{font-size:11px}.hero-label{font-size:8px}.hero-visual .connect-board{width:160px;gap:4px;padding:10px;border-radius:10px}.visual-caption{display:none}.section-heading h2{font-size:17px}.section-heading{gap:12px}.text-link{font-size:9px}.game-card h2{font-size:14px}.player-banner{padding:20px;flex-wrap:wrap;gap:13px}.player-banner .button{margin-left:55px}.page-footer{padding:18px 20px;font-size:8px}.catalog-intro{align-items:flex-start}.catalog-intro p{max-width:220px}.hero-note{font-size:8px}}
@media(max-width:520px){.welcome-hero{grid-template-columns:1fr;padding:26px;min-height:0}.hero-visual{display:none}.hero-copy h2{font-size:37px}.hero-copy p{max-width:300px}.section-heading{align-items:flex-start}.section-heading h2{font-size:16px;max-width:180px}.section-heading .text-link{margin-top:19px}.game-grid{gap:12px}.game-art{height:125px}.game-card-content{padding:12px}.game-meta{flex-wrap:wrap;gap:6px}.preview-label{display:none}.player-banner .button{margin-left:0;width:100%}.page-footer{flex-wrap:wrap}.main-nav a{font-size:9px;padding:8px}.topbar .breadcrumb{font-size:9px}}
@media(max-width:350px){.game-grid{grid-template-columns:1fr}.hero-copy h2{font-size:31px}.page-heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.game-card:hover,.button:hover,button:hover{transform:none}}

@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geist/geist-400.ttf') format('truetype')}
@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/geist/geist-500.ttf') format('truetype')}
@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geist/geist-600.ttf') format('truetype')}
@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/geist/geist-700.ttf') format('truetype')}
:root{font-family:Geist,Segoe UI,sans-serif}h1,h2,h3{font-family:Sora,Segoe UI,sans-serif}.main-nav a{font-size:13px}.breadcrumb,.account-link{font-size:12px}.hero-copy p{font-size:14px}.hero-label{font-size:11px}.hero-note,.visual-caption{font-size:11px}.hero-visual .game-art{height:270px}.visual-caption{margin-top:20px}.game-category{font-size:10px}.game-meta{font-size:11px}.coming-soon{font-size:10px}.eyebrow{font-size:10px}.text-link{font-size:12px}.player-banner p{font-size:12px}.button,button{font-size:12px}.quiet-tag{font-size:11px}.page-footer{font-size:11px}.caption,.form p,.catalog-intro p{font-size:12px}label{font-size:13px}.admin-nav button{font-size:12px}.sidebar-footer strong{font-size:12px}.sidebar-footer div>span{font-size:11px}.preview-label{font-size:11px}.nav-label{font-size:11px}.lead{font-size:15px}
@media(max-width:1100px){.hero-visual .game-art{height:230px}}
@media(max-width:760px){.main-nav a{font-size:11px}.hero-copy p{font-size:13px}.text-link{font-size:11px}.hero-label,.hero-note{font-size:10px}.page-footer{font-size:10px}.breadcrumb{font-size:11px}}
.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.admin-tab{background:transparent;border:1px solid #30383d;color:#a0acae}.admin-tab.active{background:#273024;border-color:#495b38;color:#d7efb5}.admin-tab:hover{background:#222a25;color:#d7efb5}
/* Playful gaming finish. Primary lime is sampled directly from the supplied logo. */
:root{--accent:#E0FC38;--accent-shade:#96ac1d;--accent-tint:color-mix(in srgb,var(--accent) 12%,#141819)}
.main-nav{gap:10px}.main-nav a{font-size:16px;font-weight:700;min-height:52px;border:2px solid transparent;border-radius:14px;padding:12px;gap:11px;letter-spacing:-.2px}.main-nav .ui-icon{width:21px;height:21px}.main-nav a.active{background:var(--accent);color:#202508;border-color:color-mix(in srgb,var(--accent) 60%,white);box-shadow:0 4px 0 #7b8b1c}.main-nav a:hover:not(.active){background:#242b30;color:white;border-color:#354049}.nav-count{font-size:10px;font-weight:700;border-color:#45503a}.main-nav a.active .nav-count{border-color:#99a92a;color:#27300a}.nav-divider{margin:14px 12px}.sidebar-footer .status-dot,.preview-label .status-dot{background:var(--accent)}
h1,h2{font-weight:700}.hero-copy h2{font-weight:800;letter-spacing:-1.6px}.welcome-hero{border:2px solid #3c442e;background:color-mix(in srgb,var(--accent) 7%,#131819);border-radius:26px;box-shadow:0 7px 0 #050809}.hero-label{color:var(--accent);font-weight:600}.hero-label .ui-icon{width:17px;height:17px}.hero-note{color:#a4ac89}.quiet-tag{background:#1a2025;border:2px solid #323c44;border-radius:10px;font-weight:600}.button,button{border-radius:13px;font-size:14px;font-weight:700;min-height:46px;padding:12px 18px;border:2px solid color-mix(in srgb,var(--accent) 55%,white);box-shadow:0 4px 0 var(--accent-shade);background:var(--accent);color:#202508}.button:hover,button:hover{background:color-mix(in srgb,var(--accent) 85%,white);transform:translateY(-2px)}.button:active,button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-shade)}.button .ui-icon,button .ui-icon{width:18px;height:18px}.button.secondary,button.secondary{border:2px solid #414f58;border-radius:13px;box-shadow:0 4px 0 #080d10;background:#27313a}.button.secondary:hover,button.secondary:hover{background:#34424c}.button:disabled,button:disabled:hover,button:disabled:active{transform:none;box-shadow:none;background:#283238;color:#a4adb4;border-color:#3a454e}
.game-card{border:2px solid #333d44;border-radius:22px;box-shadow:0 6px 0 #05080b}.game-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 0 #05080b}.game-art{height:165px;border-bottom:2px solid #333d44}.game-card-content{padding:18px}.game-card h2{font-size:17px;font-weight:700}.game-category{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#aeb8be}.game-category .ui-icon{width:14px;height:14px;stroke-width:1.8}.coming-soon{border:1px solid #43515b;border-radius:7px;background:#222b31;padding:3px 7px;font-weight:600}.game-meta{color:#a1adb5}.art-connect{background:color-mix(in srgb,var(--accent) 13%,#17211b)}.connect-board{width:139px;background:#536322;border:2px solid #a2b642;box-shadow:5px 7px 0 #29320c,8px 16px 16px #0005;border-radius:13px}.disc.disc-lime{background:var(--accent);box-shadow:inset 0 -3px 0 var(--accent-shade),inset 1px 2px 0 #f1ff9c}.hero-visual .game-art{border:0}.hero-visual .connect-board{background:#536322;border:2px solid #a2b642;box-shadow:12px 18px 0 #29320c,16px 30px 42px #0005;border-radius:22px}.art-checkers{background:#38281e}.checker-board{border-width:2px;border-radius:9px;background:#c68d4d;border-color:#ffd391;box-shadow:5px 7px 0 #714621}.square-light{background:#f6c982}.square-dark{background:#956338}.checker-piece{width:15px;height:15px;border-width:2px;background:#5a3a2c;border-color:#9a6850;box-shadow:0 3px 0 #2e1b14}.checker-piece.piece-cream{background:#fff1c3;border-color:#fffce8;box-shadow:0 3px 0 #b6a068}.art-memory{background:#2e2647}.memory-tile{width:36px;height:36px;border:2px solid #a193ce;border-radius:9px;background:#7762a6;box-shadow:0 4px 0 #3e2c5c}.memory-tile.revealed{background:#e0cfff;border-color:#fff1ff}.memory-tile b{color:#c1b3e6;font-weight:700}.memory-tile i{background:#735195}.art-reaction{background:#18373b}.reaction-target>span{border-width:2px;border-color:#398d95}.reaction-target>span:nth-child(2){border-color:#59bfc6}.reaction-target>span:nth-child(3){border-color:#90f1ef}.reaction-target>i{background:#b4ffef;box-shadow:0 4px 0 #439d94,0 0 28px #72e8d633}.reaction-target:before,.reaction-target:after{background:#75bbc1}
.section-heading h2{font-size:22px;font-weight:700}.text-link{font-weight:700}.player-banner,.card,.empty-state{border:2px solid #333d44;border-radius:22px;box-shadow:0 5px 0 #05080b}.banner-icon{width:46px;height:46px;background:var(--accent-tint);color:var(--accent);border:2px solid #536132;border-radius:15px;box-shadow:0 3px 0 #0b1108}.player-banner h2{font-size:17px}.player-banner .button{font-size:13px}.avatar{border:2px solid #485560;width:34px;height:34px;background:#29363e}.avatar .ui-icon{width:17px;height:17px}.account-link{font-size:14px;font-weight:700}.pill{color:var(--accent);border-color:#56632e;background:var(--accent-tint);border-radius:9px;font-weight:700}.admin-tab.active{background:var(--accent);color:#202508;border-color:color-mix(in srgb,var(--accent) 55%,white)}.admin-tab:hover{background:var(--accent-tint);color:var(--accent)}input{border:2px solid #35434c;border-radius:12px}input:focus{border-color:var(--accent)}
@media(max-width:1100px) and (min-width:761px){.sidebar{width:222px}.main-nav a{font-size:15px}}
@media(max-width:760px){.main-nav{gap:8px;padding-bottom:5px}.main-nav a{font-size:14px;font-weight:700;min-height:46px;padding:10px 13px}.main-nav .ui-icon{width:19px;height:19px}.hero-copy h2{font-size:34px}.game-card h2{font-size:16px}.game-art{height:145px}.section-heading h2{font-size:19px}.player-banner .button{margin-left:0}}
@media(max-width:520px){.hero-copy h2{font-size:36px}.welcome-hero{padding:24px}.game-card-content{padding:13px}.game-card h2{font-size:15px}.game-category{font-size:10px}.game-meta{font-size:10px}.coming-soon{font-size:9px}.section-heading .text-link{font-size:11px}.account-link{font-size:13px}.hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.game-card:hover,.button:hover,button:hover,.button:active,button:active{transform:none}}
.game-launch{width:100%;margin-top:18px;font-size:12px}.play-lobby{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lobby-row,.history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #303a42}.history-row{color:#c8d1d6!important}.match-panel{max-width:700px;margin:24px auto;padding:30px;border:2px solid #39462c;border-radius:24px;background:#151c17;box-shadow:0 6px 0 #080d09}.match-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.match-header>div{display:flex;align-items:center;gap:9px;min-width:0}.match-header strong{overflow-wrap:anywhere}.player-disc{width:20px;height:20px;border-radius:50%;flex-shrink:0}.player-disc.one,.play-cell.one{background:var(--accent);box-shadow:inset 0 -4px 0 #8fa224}.player-disc.two,.play-cell.two{background:#f6c982;box-shadow:inset 0 -4px 0 #b48747}.match-status{font-family:Sora,sans-serif;font-size:20px;font-weight:700;text-align:center;color:var(--accent);margin:24px 0}.column-controls,.play-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;max-width:560px;margin:0 auto}.column-controls{padding:0 18px;margin-bottom:18px}.column-controls button{padding:0;min-width:0;font-size:20px}.play-board{padding:18px;background:#536322;border:2px solid #a2b642;border-radius:20px;box-shadow:0 8px 0 #29320c}.play-cell{display:block;aspect-ratio:1;border-radius:50%;background:#18200f;box-shadow:inset 0 3px 5px #0008}.match-info{display:flex;justify-content:space-between;gap:12px;color:#8fa08f;font-size:11px;margin:24px 0}.match-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.play-error{color:#ff9caa;margin:24px 0;padding:14px;background:#34232b;border-radius:12px}@media(max-width:760px){.play-lobby{grid-template-columns:1fr}.match-panel{padding:18px}.play-board{padding:10px;gap:5px;border-radius:13px}.column-controls{padding:0 10px;gap:5px}.column-controls button{min-height:34px;font-size:16px}.match-header{font-size:12px}.match-status{font-size:17px}.match-info{font-size:9px}.player-disc{width:15px;height:15px}.match-actions{flex-wrap:wrap}}
/* Keep the full board visible and expose readable cells to assistive technology. */
.match-panel{max-width:620px}.play-board,.column-controls{max-width:440px}.board-row{display:contents}.column-controls .ui-icon{transform:rotate(90deg);width:20px;height:20px}.column-controls button:disabled{background:#283238;color:#a4adb4;border-color:#3a454e;box-shadow:none;transform:none}.match-rules{font-size:12px;color:#aab6aa}.match-rules summary{cursor:pointer;padding:8px 0;font-weight:600}.match-rules summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.match-rules p{margin-top:12px}.match-status{margin:18px 0}.match-actions{margin-bottom:12px}@media(max-width:760px){.column-controls .ui-icon{width:16px;height:16px}}
.match-panel{max-width:580px;margin:8px auto;padding:24px}.play-board,.column-controls{max-width:380px}.match-status{margin:14px 0}.platform>main>article:has(.match-panel) .page-heading{margin-bottom:10px}.platform>main>article:has(.match-panel) .page-heading .lead{margin-top:6px;margin-bottom:0;font-size:13px}@media(max-width:760px){.match-panel{padding:18px}}

.replay-slider { display:block; margin:1.25rem 0; font-weight:700; }
.replay-slider input[type=range] { display:block; width:100%; padding:0; margin-top:.75rem; accent-color:var(--accent); }
.replay-controls { display:flex; gap:.6rem; justify-content:center; }
.replay-controls button { min-width:3rem; }
.replay-outcome { margin:1rem 0; }



.quick-play-card { grid-column:1/-1; background:radial-gradient(ellipse at top right,#e0fc3814,transparent 65%),var(--surface); border-color:#e0fc3855; }


.profile-identity { display:flex; align-items:center; gap:1.2rem; margin-bottom:2rem; }
.profile-identity h2 { margin:0; }.profile-identity button { margin-left:auto; }
.profile-avatar { display:grid; place-items:center; width:64px; height:64px; flex-shrink:0; border-radius:22px; background:#e0fc3818; color:var(--accent); border:1px solid #e0fc3840; }.profile-avatar .ui-icon { width:30px; height:30px; }
.statistics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.statistic-tile { padding:1.5rem; }.statistic-tile span { display:flex; align-items:center; gap:.6rem; font-weight:700; }.statistic-tile strong { display:block; font-family:Sora,sans-serif; font-size:2.75rem; font-weight:800; line-height:1.2; margin:1rem 0 .5rem; }.statistic-tile p { margin:0; font-size:12px; color:var(--muted); }.statistic-tile.wins { border-color:#e0fc3855; background:linear-gradient(145deg,#e0fc3818,var(--surface)); }.statistic-tile.wins strong,.statistics-table .wins { color:var(--accent); }
.profile-record { display:grid; grid-template-columns:minmax(160px,1fr) minmax(0,2fr); gap:2rem; align-items:center; margin:1.5rem 0; }.record-rate strong { font-family:Sora,sans-serif; font-size:3rem; font-weight:800; color:var(--accent); }.record-rate p:last-child { color:var(--muted); font-size:12px; }.record-detail h2 { font-size:20px; }.statistics-table-scroll { overflow-x:auto; }.statistics-table { width:100%; border-collapse:collapse; font-size:13px; }.statistics-table th,.statistics-table td { text-align:right; padding:14px 8px; border-bottom:1px solid var(--border); white-space:nowrap; }.statistics-table th:first-child { text-align:left; padding-left:0; }.statistics-table thead { color:var(--muted); }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1000px){.statistics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:600px){.profile-record { grid-template-columns:1fr; gap:1rem; }.profile-identity { flex-wrap:wrap; }.profile-identity button { margin-left:0; }.statistic-tile { padding:1rem; }.statistic-tile strong { font-size:2.25rem; }.profile-statistics .section-heading { align-items:center; gap:1rem; }.statistics-table { font-size:11px; }}


.profile-identity > div { min-width:0; flex:1; }.profile-identity h2 { overflow-wrap:anywhere; }


@media(max-width:600px){.profile-identity { display:grid; grid-template-columns:56px minmax(0,1fr); gap:1rem; }.profile-avatar { width:56px; height:56px; border-radius:18px; }.profile-identity button { grid-column:1/-1; justify-self:start; }.profile-heading { flex-direction:column; align-items:flex-start; gap:.75rem; }.profile-heading .lead { margin-bottom:0; }}


.memory-panel { max-width:580px; }.memory-scores { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }.memory-scores>div { border:1px solid var(--border); border-radius:16px; padding:12px 16px; }.memory-scores span { display:block; color:var(--muted); font-size:12px; }.memory-scores strong { font-family:Sora,sans-serif; font-size:24px; color:var(--accent); }.memory-scores small { font-family:Geist,sans-serif; font-size:12px; color:var(--muted); }.memory-race-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; max-width:380px; margin:1.25rem auto; }.memory-race-card { aspect-ratio:1; display:grid; place-items:center; padding:0; min-width:0; border-radius:20px; border:2px solid #404a54; color:#89969f; background:linear-gradient(145deg,#27313a,#182126); box-shadow:0 5px 0 #090d10; }.memory-race-card .ui-icon { width:36px; height:36px; }.memory-race-card.revealed { color:#e0fc38; border-color:#e0fc3866; background:#2b351c; }.memory-race-card.matched { background:#e0fc38; color:#131a07; border-color:#e0fc38; box-shadow:0 5px 0 #6c7a17; opacity:1; }.memory-race-card:disabled { cursor:default; }.memory-race-card.hidden:disabled { opacity:.6; }.memory-race-card.hidden:not(:disabled):hover { transform:translateY(-2px); border-color:var(--accent); }.memory-panel .match-actions { flex-wrap:wrap; }
@media(max-width:600px){.memory-race-board{gap:8px}.memory-race-card{border-radius:14px}.memory-scores{gap:8px}.memory-scores>div{padding:10px}.memory-scores strong{font-size:20px}}





.memory-panel .match-header strong { min-width:0; flex:1; overflow-wrap:anywhere; }.memory-panel .match-header strong:last-child { text-align:right; }.memory-panel .match-status { overflow-wrap:anywhere; }
@media(max-width:600px){.memory-race-card .ui-icon{width:28px;height:28px}}


.rematch-card { max-width:580px; margin:1.5rem auto; padding:24px; border:1px solid #e0fc3860; border-radius:24px; background:linear-gradient(135deg,#e0fc3812,var(--surface)); }.rematch-card h2 { margin:.25rem 0; font-size:22px; }.rematch-card p { color:var(--muted); }.rematch-card button,.rematch-card .button { margin-right:10px; margin-top:8px; }
.history-controls { display:flex; gap:20px; align-items:end; flex-wrap:wrap; margin-bottom:20px; }
.history-controls label { display:grid; gap:8px; font-weight:700; flex:1; min-width:180px; }
.history-controls select { padding:12px 16px; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:inherit; font:inherit; }
.history-list { display:grid; gap:16px; }
.checkers-panel { max-width:620px; margin:0 auto; }
.checkers-game-board { display:grid; grid-template-columns:repeat(8,1fr); width:min(100%,480px); margin:24px auto; padding:10px; background:#20252b; border:2px solid #424a53; border-radius:22px; box-shadow:0 12px 0 #070909,0 18px 32px #0006; overflow:hidden; }
.checkers-game-board .checkers-square { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); place-items:center; padding:0; margin:0; border:0; border-radius:0; aspect-ratio:1; min-width:0; min-height:0; box-shadow:none; transform:none; position:relative; }
.checkers-square.light { background:#626b73; }.checkers-square.dark { background:#252d35; }
.checkers-game-board .checkers-square:disabled { opacity:1; cursor:default; }
.checkers-game-board .checkers-square.selected { box-shadow:inset 0 0 0 3px #E0FC38; background:#414d2b; }
.checkers-game-board .checkers-square.destination { background:#E0FC382a; box-shadow:inset 0 0 0 2px #E0FC3870; }
.checkers-game-board .checkers-square:focus-visible { outline:3px solid #fff; outline-offset:-4px; z-index:1; }
.checker-piece { display:grid; place-items:center; width:75%; height:75%; border-radius:50%; border:3px solid #0004; box-shadow:inset 0 0 0 3px #ffffff30,0 4px 0 #0007; }
.checker-piece.lime { background:#E0FC38; color:#293014; }.checker-piece.ivory { background:#f1eee4; color:#313942; }
.checker-piece .ui-icon { width:55%; height:55%; }.checker-target { width:25%; height:25%; border-radius:50%; background:#E0FC38; }
@media(max-width:600px) { .checkers-game-board { padding:6px; border-radius:14px; }.checker-piece { border-width:2px; box-shadow:inset 0 0 0 2px #ffffff30,0 3px 0 #0007; }.checkers-panel { padding:16px; } }
.history-entry { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.history-entry h2 { font-size:22px; margin:8px 0; overflow-wrap:anywhere; }
.history-entry p { margin:8px 0; }
.history-result { color:var(--lime,#E0FC38); font-weight:700; }
@media(max-width:600px) { .history-entry { flex-direction:column; align-items:stretch; } .history-entry .match-actions { flex-wrap:wrap; } .history-controls button { width:100%; } }
@media(max-width:600px){.rematch-card { padding:18px; }.rematch-card h2 { font-size:20px; }}


/* Sculpted game surfaces: lightweight depth, readable boards and no gameplay calculations. */
.play-board { background:linear-gradient(145deg,#7a8c35,#536322 42%,#344317); border-color:#b8cc61; box-shadow:inset 0 2px 0 #e8ff9a55,0 8px 0 #26320e,0 16px 22px #0007; transform:perspective(1100px) rotateX(6deg); transform-origin:center bottom; }
.play-cell { background:radial-gradient(circle at 50% 65%,#202b13,#080e05); box-shadow:inset 0 5px 9px #000b,0 1px 0 #e5ff9655; }
.play-cell.one { background:radial-gradient(circle at 32% 23%,#f6ffb6,var(--accent) 40%,#a2b922 85%); box-shadow:inset 0 2px 0 #faffc5, inset 0 -5px 0 #8b9f1b,0 2px 5px #0009; animation:disc-land .28s ease-out; }
.play-cell.two { background:radial-gradient(circle at 32% 23%,#fff7df,#f6c982 45%,#ce9c50); box-shadow:inset 0 2px 0 #fff7df,inset 0 -5px 0 #ac7e3b,0 2px 5px #0009; animation:disc-land .28s ease-out; }
.checkers-game-board { background:linear-gradient(145deg,#606d75,#303c43 30%,#182127); border-color:#7d8c93; box-shadow:inset 0 2px 0 #e6f5ff40,0 10px 0 #0a1115,0 18px 26px #0008; transform:perspective(1200px) rotateX(7deg); transform-origin:center bottom; }
.checkers-square.light { background:linear-gradient(145deg,#8b969e,#66717b); }.checkers-square.dark { background:linear-gradient(145deg,#39454d,#202c33); }
.checkers-game-board .checker-piece { border-color:#0004; box-shadow:inset 0 2px 0 #ffffffb0,inset 0 0 0 3px #ffffff35,inset 0 -5px 0 #0002,0 5px 0 #0008,0 8px 8px #0006; }
.checkers-game-board .checker-piece.lime { background:radial-gradient(circle at 32% 22%,#f7ffb0,var(--accent) 44%,#b1c925 85%); }
.checkers-game-board .checker-piece.ivory { background:radial-gradient(circle at 32% 22%,#fff,#f1eee4 45%,#c9c8ba 90%); }
.checkers-game-board .checkers-square.selected .checker-piece { filter:drop-shadow(0 0 5px #e0fc3860); }
.capture-ghost { position:fixed; z-index:20; border-radius:50%; pointer-events:none; background:#f1eee4; box-shadow:inset 0 0 0 3px #fff5,0 5px 0 #0006; }.capture-ghost.lime { background:var(--accent); }
.memory-race-board { perspective:900px; padding-bottom:6px; }
.memory-race-card { background:transparent!important; border:0!important; box-shadow:none!important; position:relative; perspective:700px; overflow:visible; transition:transform .18s; }
.memory-card-inner { display:block; position:absolute; inset:0; transform-style:preserve-3d; transition:transform .36s cubic-bezier(.2,.8,.2,1); }
.memory-race-card.revealed .memory-card-inner { transform:rotateY(180deg); }
.memory-card-front,.memory-card-back { position:absolute; inset:0; display:grid; place-items:center; backface-visibility:hidden; border-radius:inherit; border:2px solid #596877; background:linear-gradient(145deg,#415262,#23333e); box-shadow:inset 0 2px 0 #b7cee63d,0 5px 0 #0a141c,0 8px 12px #0006; }
.memory-card-inner,.memory-card-front,.memory-card-back { border-radius:inherit; }
.memory-card-back { transform:rotateY(180deg); background:linear-gradient(145deg,#45512b,#26331d); color:var(--accent); border-color:#a5b857; }
.memory-race-card.matched .memory-card-back { background:linear-gradient(145deg,#f1ffa1,var(--accent) 55%,#bad52a); color:#202b08; border-color:#eaff87; box-shadow:inset 0 2px 0 #fff8,0 5px 0 #7d9117,0 8px 12px #0006; }
.memory-race-card:focus-visible { outline:3px solid #fff; outline-offset:5px; }
.memory-race-card.revealed:disabled { opacity:1; }
.game-finished .match-status { animation:result-celebrate .65s ease-out 2; }.game-finished { border-color:#b3c84a; }
@keyframes disc-land { from { transform:translateY(-18px) scale(.9); opacity:.4; } 70% { transform:translateY(2px) scale(1.02); } to { transform:none; opacity:1; } }
@keyframes result-celebrate { 50% { text-shadow:0 0 18px #e0fc3870; transform:scale(1.035); } }
@media(max-width:760px) { .play-board,.checkers-game-board { transform:none; }.checkers-game-board .checker-piece { box-shadow:inset 0 2px 0 #ffffff90,inset 0 0 0 2px #ffffff30,0 3px 0 #0007,0 5px 6px #0005; } }
@media(prefers-reduced-motion:reduce) { .play-cell.one,.play-cell.two,.game-finished .match-status { animation:none; }.memory-card-inner,.memory-race-card { transition:none; }.play-board,.checkers-game-board { transform:none; } }

.reaction-panel { max-width:620px; }.reaction-instruction { text-align:center; }
.reaction-practice-board { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:380px;margin:24px auto; }
.reaction-practice-target { aspect-ratio:1;min-width:0;padding:0;border-radius:24px;border:2px solid #52616c;background:radial-gradient(circle at 35% 25%,#40525f,#1b2c36 75%);color:#708793;box-shadow:inset 0 2px 0 #ffffff25,0 6px 0 #09151c,0 10px 16px #0005;transition:transform .15s,background .15s; }
.reaction-practice-target .ui-icon { width:42%;height:42%; }.reaction-practice-target.cue-active { background:radial-gradient(circle at 35% 25%,#f5ffab,#e0fc38 50%,#a1b922);color:#202c09;border-color:#edff85;box-shadow:inset 0 2px 0 #ffffbd,0 6px 0 #798b17,0 10px 18px #e0fc3825;transform:translateY(-2px); }
.reaction-practice-target:focus-visible { outline:3px solid #fff;outline-offset:4px; }.reaction-practice-target:disabled { opacity:.5;transform:none; }
.reaction-trials { list-style:none;padding:0;margin:18px 0; }.reaction-trials li { display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #334239;font-size:12px; }.reaction-trials span { color:#9fada5; }
@media(max-width:600px) { .reaction-practice-board { gap:10px; }.reaction-practice-target { border-radius:18px; } }
@media(prefers-reduced-motion:reduce) { .reaction-practice-target { transition:none; }.reaction-practice-target.cue-active { transform:none; } }

.reaction-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.reaction-invite-share{display:flex;align-items:center;gap:12px;margin:16px 0}.reaction-invite-share input{flex:1;min-width:0;margin:0}.reaction-invite-share button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:600px){.reaction-invite-share{flex-direction:column;align-items:stretch}.reaction-invite-share button{justify-content:center}}


.email-status{display:flex;align-items:center;justify-content:space-between;gap:24px}.email-status h2{margin:0 0 10px}.email-status p{margin:6px 0;overflow-wrap:anywhere}.otp-input{letter-spacing:8px;font-size:24px;text-align:center;font-weight:700}.account-feedback{padding:18px;border:1px solid #e0fc3860;border-radius:16px;background:#e0fc3810;color:#e0fc38;max-width:560px}.form .text-link{display:inline-block;margin-top:16px}@media(max-width:600px){.email-status{flex-direction:column;align-items:flex-start}.email-status .button{width:100%}}

.online-player-count{display:inline-flex;align-items:center;gap:10px;background:#172117;color:var(--accent);border-color:#637532;box-shadow:0 4px 0 #080e05;white-space:nowrap}.online-player-count strong{font-family:Sora,sans-serif;font-size:21px}.online-player-count .ui-icon{width:17px}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e0fc3850;flex-shrink:0}.online-players-dialog{width:min(520px,calc(100vw - 32px));max-height:80vh;box-sizing:border-box;margin:auto;padding:26px;border:2px solid #556438;border-radius:24px;color:#edf2ed;background:#12191c;box-shadow:0 12px 0 #050907;overflow:auto}.online-players-dialog::backdrop{background:#020605b8;backdrop-filter:blur(6px)}.online-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.online-dialog-heading h2{font-size:25px;margin:0 0 10px}.online-dialog-heading button{font-size:24px;min-width:46px;padding:4px}.online-player-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.online-player-list li{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #303e43;border-radius:15px;background:#1b2529}.online-player-list strong{display:block;font-family:Sora,sans-serif;font-size:15px;overflow-wrap:anywhere}.online-player-list li>div{min-width:0}.online-player-list li>div>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#a0b2a1;margin-top:7px}.online-avatar{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:2px solid #758532;border-radius:15px;background:#313f1e;color:#e0fc38;font-family:Sora,sans-serif;font-weight:700}.avatar-tone-1{background:#243b43;border-color:#416473;color:#c7ebf8}.avatar-tone-2{background:#433623;border-color:#7c653a;color:#ffe2b1}.avatar-tone-3{background:#392c43;border-color:#614574;color:#e5ccf6}.avatar-tone-4{background:#254035;border-color:#42775f;color:#b9eed5}.presence-footer{border-top:1px solid #354147;padding-top:16px}.presence-empty{text-align:center;padding:28px 12px}.presence-empty .ui-icon{width:44px;height:44px;color:var(--accent)}@media(max-width:600px){.online-player-count{font-size:12px;padding:10px 14px}.online-player-count strong{font-size:18px}.online-players-dialog{padding:20px}.page-heading:has(.online-player-count){flex-wrap:wrap;gap:16px}}

.sidebar-presence{margin-top:auto;padding-top:24px}.sidebar-presence .online-player-count{width:100%;justify-content:center;padding:11px 12px;font-size:12px}.sidebar-presence+.sidebar-footer{margin-top:22px}.online-player-count:hover,.online-player-count:focus-visible{background:#25321a;color:#e0fc38;border-color:#b1c63b;box-shadow:0 4px 0 #080e05}.online-player-count:active{background:#25321a;color:#e0fc38}.online-player-count:hover strong,.online-player-count:hover span{color:inherit}@media(max-width:760px){.sidebar-presence{margin-top:12px;padding-top:0}.sidebar-presence .online-player-count{width:auto}}
.maze-panel{max-width:850px}.maze-canvas{display:block;width:100%;height:520px;border-radius:24px;outline-offset:4px;touch-action:none}.maze-stats{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:16px 0}.maze-stats strong{color:#e0fc38}.maze-controls{text-align:center;margin:18px auto}.maze-controls button{min-width:58px;font-size:26px;padding:8px;margin:4px}.maze-flat{display:grid;max-width:520px;aspect-ratio:1;margin:auto;background:#233039;border:5px solid #688994;border-radius:8px}.maze-cell{border:3px solid transparent;display:flex;align-items:center;justify-content:center;color:#f5eee1;font-size:25px;min-width:0}.maze-exit{color:#e0fc38}.art-maze{background:radial-gradient(ellipse at top,#456a61,#16262a)}.maze-art-board{width:155px;height:155px;display:grid;grid-template-columns:repeat(5,1fr);transform:rotateX(35deg) rotateZ(-25deg);border:8px solid #688994;box-shadow:12px 16px 0 #18262d}.maze-art-board span{border-top:5px solid #688994;border-right:5px solid #688994}.maze-art-board span:nth-child(3n){border-top-color:transparent}.maze-art-board span:nth-child(4n){border-right-color:transparent}.maze-art-board span:last-child{background:#e0fc38}
@media(max-width:760px){.maze-canvas{height:380px}.maze-stats{gap:8px;font-size:12px;flex-wrap:wrap}.maze-cell{border-width:2px;font-size:19px}}
.victory-shower{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1000}.victory-shower i{position:absolute;left:var(--x);top:-20px;width:9px;height:14px;background:var(--color);border-radius:3px;animation:victory-sprinkle 3s var(--delay) ease-in forwards;opacity:0}.victory-shower i:nth-child(3n){border-radius:50%;width:8px;height:8px}@keyframes victory-sprinkle{0%{opacity:0;transform:translate(0,-20px) rotate(0)}8%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--drift),105vh) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.victory-shower{display:none}}
.maze-display-actions{display:flex;justify-content:flex-end;margin:8px 0 16px}
.maze-player-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:14px 0;font-weight:700}.maze-player-legend>span{display:flex;align-items:center;gap:7px}.maze-player-legend i{display:inline-block;width:12px;height:12px;border-radius:50%}.maze-you-dot{color:#e0fc38}.maze-opponent-dot{color:#b39dff}.maze-player-legend .maze-you-dot{background:#e0fc38}.maze-player-legend .maze-opponent-dot{background:#b39dff}.maze-cell{gap:2px}.maze-cell .maze-you-dot,.maze-cell .maze-opponent-dot{font-size:20px}
.maze-cell .maze-you-dot,.maze-cell .maze-opponent-dot{font-size:clamp(11px,2.8vw,18px)}