:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b18;--surface:#13172d;--surface-2:#1a1f3d;--line:#ffffff17;--text:#f7f8ff;--muted:#a4aac5;--lime:#b8f35a;--violet:#8b78ff;--cyan:#50d9ee;--orange:#ff9d53;--danger:#ff667a;--radius:24px;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{background:radial-gradient(circle at 8% -5%, #8b78ff47, transparent 30%), radial-gradient(circle at 95% 18%, #50d9ee21, transparent 27%), var(--bg);overscroll-behavior-y:none;min-height:100svh}button,input{font:inherit}button{color:inherit}.app-shell{width:min(100%,620px);min-height:100svh;margin:0 auto;padding-bottom:102px}.topbar{padding:max(18px, env(safe-area-inset-top)) 18px 12px;justify-content:space-between;align-items:center;display:flex}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{letter-spacing:-.05em;color:#11152c;background:linear-gradient(135deg, var(--lime), #e9ff8d);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;box-shadow:0 8px 25px #b8f35a33}.brand strong,.brand small{line-height:1.05;display:block}.brand strong{font-size:15px}.brand small{color:var(--lime);text-transform:uppercase;letter-spacing:.16em;margin-top:4px;font-size:12px;font-weight:800}.profile-chip{border:1px solid var(--line);background:#13172dc2;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.profile-chip b{color:var(--lime)}.online-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b8f35a1a}main{padding:0 18px}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}h1{letter-spacing:-.055em;margin:8px 0 10px;font-size:clamp(29px,8vw,43px);line-height:1.02}.lead{color:var(--muted);max-width:44ch;margin:0;line-height:1.48}.hero{padding:24px 0 20px}.season-card{border-radius:var(--radius);background:linear-gradient(135deg,#b8f35a29,#8b78ff1f 70%);border:1px solid #b8f35a2e;margin-top:22px;padding:19px;position:relative;overflow:hidden}.season-card:after{content:"★";color:#ffffff0b;font-size:108px;position:absolute;bottom:-30px;right:-5px;transform:rotate(12deg)}.season-top,.section-head,.score-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.season-top span,.game-meta span{color:var(--muted);font-size:12px}.rank-number{letter-spacing:-.05em;margin:8px 0 2px;font-size:35px;font-weight:950}.rank-number em{color:var(--lime);font-style:normal}.progress{background:#ffffff17;border-radius:99px;height:7px;margin-top:13px;overflow:hidden}.progress>i{border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--cyan));width:64%;height:100%;display:block}.section-head{margin:23px 0 12px}.section-head h2{margin:0;font-size:18px}.section-head span{color:var(--muted);font-size:12px}.games-grid{gap:14px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;background:linear-gradient(145deg,#1f2446f0,#11152af5);min-height:158px;padding:16px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.game-card:active{transform:scale(.985)}.game-card.featured{border-color:#b8f35a40}.game-icon{background:#ffffff14;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:22px;font-size:27px;display:grid}.game-card.brain .game-icon{background:linear-gradient(135deg,#8b78ff,#6251df)}.game-card.snake .game-icon{color:#11152c;background:linear-gradient(135deg,#b8f35a,#58c970)}.game-card.sudoku .game-icon{color:#11152c;background:linear-gradient(135deg,#50d9ee,#3095d9)}.game-card h3{letter-spacing:-.02em;margin:0 0 5px;font-size:20px}.game-card p{color:var(--muted);max-width:31ch;margin:0;font-size:13px;line-height:1.35}.game-meta{justify-content:space-between;align-items:end;margin-top:16px;display:flex}.game-meta b{color:var(--lime)}.play-pill{background:var(--text);color:#11152c;border:0;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}.locked{opacity:.75}.bottom-nav{z-index:20;left:50%;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1224e6;border-radius:24px;grid-template-columns:repeat(3,1fr);width:min(100% - 24px,590px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 60px #0006}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:17px;padding:9px 6px;font-size:11px;font-weight:750}.nav-item span{margin-bottom:5px;font-size:19px;line-height:1;display:block}.nav-item.active{color:var(--text);background:#ffffff14}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#13172dd1;padding:16px}.ranking-list{gap:9px;margin-top:15px;display:grid}.rank-row{background:#ffffff0b;border-radius:17px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.rank-row.me{background:#b8f35a13;outline:1px solid #b8f35a59}.rank-pos{color:var(--muted);text-align:center;font-weight:950}.rank-row:first-child .rank-pos{color:#ffd25f}.rank-user b,.rank-user small{display:block}.rank-user small{color:var(--muted);margin-top:3px}.rank-points{text-align:right}.rank-points b,.rank-points small{display:block}.rank-points small{color:var(--lime);text-transform:uppercase;font-size:10px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;display:grid}.stat{text-align:center;background:#ffffff0d;border-radius:18px;padding:14px 5px}.stat b,.stat span{display:block}.stat b{font-size:21px}.stat span{color:var(--muted);margin-top:3px;font-size:10px}.game-layer{z-index:50;background:var(--bg);display:none;position:fixed;inset:0;overflow:auto}.game-layer.open{display:block}.game-screen{flex-direction:column;width:min(100%,620px);min-height:100svh;margin:0 auto;display:flex;position:relative}.game-header{padding:max(14px, env(safe-area-inset-top)) 14px 10px;grid-template-columns:46px 1fr 46px;align-items:center;display:grid}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:15px;width:42px;height:42px;font-size:19px}.game-title{text-align:center}.game-title b,.game-title small{display:block}.game-title small{color:var(--muted);margin-top:2px}.game-hud{grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 14px 12px;display:grid}.hud-box{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;padding:10px}.hud-box span,.hud-box b{display:block}.hud-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.hud-box b{margin-top:3px;font-size:18px}.brain-stage{flex:1;grid-template-rows:minmax(220px,44%) 1fr;min-height:0;display:grid}.question-zone{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle,#8b78ff29,#0000 60%);place-items:center;padding:20px;display:grid}.question-zone small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.equation{letter-spacing:-.06em;margin-top:8px;font-size:clamp(54px,18vw,88px);font-weight:950}.write-zone{color:#171928;background:#f5f3eb;flex-direction:column;min-height:330px;display:flex;position:relative}.write-label{text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;align-items:center;padding:14px 16px 8px;font-size:12px;font-weight:850;display:flex}.recognised{color:#6556d8;font-size:18px}#draw-canvas{touch-action:none;cursor:crosshair;flex:1;width:100%;min-height:205px}.draw-actions{padding:10px 14px max(14px, env(safe-area-inset-bottom));grid-template-columns:1fr 1.7fr;gap:10px;display:grid}.secondary-btn,.primary-btn{cursor:pointer;border:0;border-radius:17px;padding:14px;font-weight:900}.secondary-btn{color:#313349;background:#dedce9}.primary-btn{color:#fff;background:#171928}.feedback{pointer-events:none;opacity:0;place-items:center;font-size:70px;font-weight:950;transition:all .2s;display:grid;position:absolute;inset:0;transform:scale(.6)}.feedback.show{opacity:1;transform:scale(1)}.feedback.correct{color:#2dbb6e}.feedback.wrong{color:var(--danger)}.start-overlay,.result-overlay{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090b18e6;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-card{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:28px;width:min(100%,390px);padding:24px;box-shadow:0 28px 80px #0000006b}.modal-emoji{font-size:52px}.modal-card h2{margin:10px 0 8px;font-size:27px}.modal-card p{color:var(--muted);line-height:1.45}.modal-card .primary-btn{background:var(--lime);color:#11152c;width:100%;margin-top:10px}.snake-wrap{padding:12px 14px max(22px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;display:flex}.snake-board{aspect-ratio:1;border:1px solid var(--line);touch-action:none;background:#121730;border-radius:25px;align-self:center;width:100%;max-width:500px}.snake-controls{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,58px);justify-content:center;gap:7px;margin-top:16px;display:grid}.snake-controls button{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;font-size:20px}.snake-controls .up{grid-column:2}.snake-controls .left{grid-area:2/1}.snake-controls .down{grid-area:2/2}.snake-controls .right{grid-area:2/3}.toast{z-index:100;color:#141628;opacity:0;pointer-events:none;white-space:nowrap;background:#f8f8ff;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:800;transition:all .2s;position:fixed;bottom:104px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (min-width:520px){.games-grid{grid-template-columns:1fr 1fr}.game-card.featured{grid-column:1/-1;min-height:170px}.game-card.featured .game-icon{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
