@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f4f1ff;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--purple:#9b70ff;--muted:#89849e;--panel:#151322;--border:#ffffff13;background:#090812;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}.memory-panel{background:linear-gradient(145deg,#17152b,#100f20);border:1px solid #9682ff33;border-radius:24px;max-width:650px;margin:35px auto;padding:28px;box-shadow:0 20px 70px #0000004d}.memory-scoreboard{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;display:grid}.memory-scoreboard>div{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;padding:15px}.memory-scoreboard span{color:#8f8ba9;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;display:block}.memory-scoreboard strong{color:#fff;font-size:25px}.memory-status{text-align:center;color:#c7baff;justify-content:center;align-items:center;min-height:45px;margin-bottom:20px;font-weight:600;display:flex}.memory-status.showing{color:#a995ff}.memory-status.correct{color:#62e6a5}.memory-status.gameover{color:#ff7089}.memory-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:430px;margin:0 auto;display:grid}.memory-tile{aspect-ratio:1;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#25213e,#19162e);border:1px solid #9f85ff38;border-radius:15px;font-size:28px;transition:background .16s,transform .16s,box-shadow .16s}.memory-tile:disabled{cursor:default;opacity:.85}.memory-tile:not(:disabled):active{transform:scale(.93)}.memory-tile.memory-active{color:#fff;background:linear-gradient(145deg,#a68bff,#6847e8);border-color:#c9baff;transform:scale(1.04);box-shadow:0 0 25px #9170ffa6}.memory-actions{justify-content:center;margin-top:25px;display:flex}.memory-actions button{min-width:190px}@media (width<=600px){.memory-panel{margin:20px auto;padding:17px}.memory-grid{gap:8px}.memory-tile{border-radius:10px}.memory-scoreboard{gap:7px}.memory-scoreboard>div{padding:11px 8px}.memory-scoreboard strong{font-size:20px}}x body{background:#090812;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:2px solid #b69aff}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:5;background:#100e1c;flex-direction:column;width:240px;padding:30px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;align-items:center;gap:11px;margin-bottom:65px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#b18aff,#7040e8);border-radius:11px;place-items:center;width:36px;height:36px;font-size:21px;display:grid;box-shadow:0 5px 25px #8d5bff55}.brand-highlight,.purple-dot{color:#a77dff}.nav-label,.eyebrow{color:#8b83a4;letter-spacing:1.8px;font-size:10px;font-weight:800}.nav-label{margin:0 0 17px 11px}.nav-item{color:#9993ae;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;margin-bottom:7px;padding:14px 13px;font-size:15px;display:flex}.nav-item.active,.nav-item:hover{color:#c4a9ff;background:#27203b}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding-top:22px;font-size:12px;display:flex}.profile-avatar,.top-avatar{background:linear-gradient(135deg,#bd9aff,#6540d2);border-radius:50%;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom small{color:var(--muted);margin-top:4px}.online-dot{background:#48db9a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #48db9a88}.sidebar-bottom .online-dot{margin-left:auto}.main-content{max-width:1800px;margin-left:240px;padding:35px 4.5%}.topbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:31px;display:flex}.topbar h1{letter-spacing:-.8px;margin:8px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(23px,3vw,32px)}.topbar-right{align-items:center;gap:19px;display:flex}.status-pill{color:#76dcb1;letter-spacing:1px;background:#48db9a0c;border:1px solid #48db9a33;border-radius:30px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.hero-card{background:radial-gradient(at 78%,#5836a944,#0000 39%),linear-gradient(110deg,#211837,#171328 65%,#211638);border:1px solid #9c72ff35;border-radius:17px;justify-content:space-between;align-items:center;min-height:305px;padding:42px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:510px;position:relative}.hero-copy h2{letter-spacing:-1.8px;margin:15px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,4vw,48px);line-height:1.12}.hero-copy h2 span{color:#ae8aff}.hero-copy p,.game-card p,.challenge-card p{color:#aaa4bc;font-size:13px;line-height:1.7}.primary-button{color:#fff;letter-spacing:.8px;background:linear-gradient(110deg,#a67aff,#7144db);border:0;border-radius:8px;margin-top:15px;padding:14px 19px;font-size:10px;font-weight:800;box-shadow:0 8px 25px #8657f333}.primary-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.primary-button span{margin-left:13px}.hero-graphic{flex-shrink:0;place-items:center;width:260px;height:230px;display:grid;position:relative}.hero-ring{border:1px solid #a783ff55;border-radius:50%;position:absolute;transform:rotate(-25deg)}.ring-one{width:210px;height:210px}.ring-two{border-color:#c4a6ff88;width:155px;height:190px}.hero-core{background:linear-gradient(135deg,#bd9bff,#6b42d6);border-radius:27px;place-items:center;width:91px;height:91px;font-family:Space Grotesk,sans-serif;font-size:47px;font-weight:700;display:grid;transform:rotate(-10deg);box-shadow:0 0 55px #9462ff88}.floating-tag{letter-spacing:1px;background:#201a34;border:1px solid #a88aff44;border-radius:7px;padding:8px 11px;font-size:9px;font-weight:800;position:absolute}.tag-one{top:23px;right:0}.tag-two{bottom:22px;left:0}.tag-three{color:#c4a9ff;bottom:20px;right:8px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0 37px;display:grid}.stat-card{border:1px solid var(--border);background:#151322;border-radius:12px;min-width:0;padding:19px}.stat-card>span{color:#ad8aff;margin-bottom:13px;font-size:19px;display:block}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{letter-spacing:1px;color:#938ca7;font-size:9px;font-weight:800}.stat-card strong{margin:7px 0;font-family:Space Grotesk,sans-serif;font-size:21px}.stat-card em{color:#777187;font-size:10px;font-style:normal}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.section-heading h2,.card-heading h2{margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:22px}.text-button,.card-heading button{color:#b194ff;letter-spacing:.7px;background:0 0;border:0;font-size:9px;font-weight:800}.game-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.game-card{border:1px solid var(--border);background:linear-gradient(145deg,#191629,#12111e);border-radius:13px;min-width:0;padding:20px;transition:all .2s}.game-card:hover{border-color:#a27aff66;transform:translateY(-4px)}.game-icon{border-radius:12px;place-items:center;width:47px;height:47px;margin-bottom:17px;font-size:23px;display:grid}.game-icon.purple{background:#9b70ff22}.game-icon.blue{background:#459dff22}.game-icon.orange{background:#ff9b4822}.game-category{color:#a88aff;letter-spacing:1px;justify-content:space-between;gap:5px;font-size:9px;font-weight:800;display:flex}.game-category span{color:#a09aad;letter-spacing:0;font-weight:500}.game-card h3,.challenge-card h3{margin:10px 0 4px;font-family:Space Grotesk,sans-serif;font-size:17px}.game-card p{min-height:43px;font-size:11px}.play-button{color:#c3aaff;letter-spacing:.8px;background:#9b70ff12;border:1px solid #a27aff55;border-radius:7px;justify-content:space-between;width:100%;margin-top:16px;padding:11px;font-size:9px;font-weight:800;display:flex}.play-button:hover{background:#9b70ff2c}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:15px;margin-top:24px;display:grid}.leaderboard-card,.challenge-card{border:1px solid var(--border);background:#151322;border-radius:13px;padding:21px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.leader-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.rank-number{color:#a68aff;width:24px;font-weight:800}.leader-avatar{color:#c2a8ff;background:#302543;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.leader-score{color:#b3a2dc;margin-left:auto;font-size:10px}.challenge-icon{margin-top:18px;font-size:27px}.challenge-card p{font-size:11px}.progress-track{background:#302b40;border-radius:20px;height:6px;margin:20px 0 8px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#8e61f4,#c2a4ff);height:100%;transition:width .3s}.challenge-card>small{color:#9b94aa;font-size:10px}.footer{color:#716b82;letter-spacing:1px;border-top:1px solid var(--border);justify-content:space-between;margin-top:38px;padding:20px 0 5px;font-size:9px;display:flex}.footer b{color:#54dca1;font-size:8px}.game-screen{min-height:65vh}.back-button{color:#b69aff;background:0 0;border:0;margin-bottom:25px;padding:10px 0;font-size:12px}.game-panel{text-align:center;border:1px solid var(--border);background:#171426;border-radius:17px;max-width:620px;margin:30px auto;padding:35px}.game-panel h2{margin:10px 0;font:700 30px Space Grotesk,sans-serif}.game-panel>p{color:var(--muted);font-size:13px}.reaction-zone{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#312348,#20182e);border:1px solid #9b70ff55;border-radius:13px;width:100%;min-height:190px;margin:28px 0 12px;font:800 26px Space Grotesk,sans-serif}.reaction-zone:disabled{cursor:default}.reaction-zone.reaction-go{background:linear-gradient(135deg,#087e51,#14b879);border-color:#66ffc1;box-shadow:0 0 40px #14b87944}.reaction-result{color:#b99aff;margin:18px 0;font:700 26px Space Grotesk,sans-serif}.game-stats{border-top:1px solid var(--border);justify-content:center;gap:55px;margin-top:30px;padding-top:20px;display:flex}.game-stats small,.game-stats strong{display:block}.game-stats small{color:var(--muted);letter-spacing:1px;font-size:9px}.game-stats strong{margin-top:8px}.notice{color:#b69aff;margin-top:18px;font-size:12px}.empty-state{text-align:center;border:1px solid var(--border);background:#151322;border-radius:15px;max-width:450px;margin:60px auto;padding:45px 25px}.empty-icon{font-size:42px}.empty-state h3{font:700 22px Space Grotesk,sans-serif}.empty-state p{color:var(--muted);font-size:13px;line-height:1.7}@media (width<=1050px){.sidebar{width:190px}.main-content{margin-left:190px;padding:28px 3%}.hero-card{padding:30px}.hero-graphic{width:200px;transform:scale(.85)}.stats-grid,.game-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:5px;width:100%;height:auto;padding:15px;position:relative}.brand{width:100%;margin:0 0 10px}.nav-label,.sidebar-bottom{display:none}.nav-item{flex:1;justify-content:center;margin:0;padding:10px 5px;font-size:11px}.nav-item span{display:none}.main-content{margin-left:0;padding:22px 15px}.topbar{align-items:flex-start}.topbar h1{font-size:22px}.topbar-right{gap:8px}.status-pill{padding:10px;font-size:0}.status-pill .online-dot{width:8px;height:8px}.top-avatar{width:32px;height:32px}.hero-card{min-height:280px;padding:25px 20px}.hero-copy{max-width:100%}.hero-copy h2{font-size:33px}.hero-graphic{opacity:.25;pointer-events:none;position:absolute;right:-100px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:18px}.game-grid,.bottom-grid{grid-template-columns:1fr}.section-heading h2{font-size:19px}.text-button{font-size:8px}.game-panel{padding:22px 15px}.footer{gap:10px;font-size:8px}}@media (width<=370px){.hero-copy h2{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start}}