:root{color-scheme:dark;--bg: #0f172a;--panel: rgba(15, 23, 42, .8);--panel-strong: #111827;--text: #f8fafc;--muted: #94a3b8;--accent: #34d399;--accent-strong: #10b981;--food: #fb7185;--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(52,211,153,.18),transparent 28rem),radial-gradient(circle at 85% 20%,rgba(251,113,133,.14),transparent 24rem),linear-gradient(135deg,#020617 0%,var(--bg) 55%,#111827 100%);overflow:hidden;padding:12px 18px 14px}body.home-active{overflow-y:auto}button{border:0;font:inherit;cursor:pointer}#app{min-height:calc(100vh - 26px);display:grid;align-items:center;justify-items:center}body.home-active #app{align-items:start}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.1rem,5vw,3.9rem);line-height:.95;letter-spacing:-.08em}.subtitle{max-width:42rem;margin:6px auto 0;color:var(--muted);font-size:1rem;line-height:1.5}.voice-indicator{position:relative;width:52px;height:52px;border:1px solid rgba(148,163,184,.22);border-radius:999px;color:var(--text);background:#0f172ac2;box-shadow:0 18px 44px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.voice-indicator.listening{color:#052e16;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.voice-indicator.error{background:linear-gradient(135deg,#fb7185,#f43f5e)}.voice-indicator.heard{transform:scale(1.08)}.voice-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:999px;background:#64748b}.voice-indicator.listening .voice-dot{background:#052e16;box-shadow:0 0 0 6px #052e1629}.voice-indicator.error .voice-dot{background:#fff1f2}.voice-icon{position:absolute;top:13px;left:20px;width:12px;height:20px;border:3px solid currentColor;border-radius:999px}.voice-icon:before{content:"";position:absolute;left:50%;bottom:-12px;width:3px;height:9px;border-radius:999px;background:currentColor;transform:translate(-50%)}.voice-icon:after{content:"";position:absolute;left:50%;bottom:-15px;width:18px;height:10px;border-bottom:3px solid currentColor;border-radius:0 0 999px 999px;transform:translate(-50%)}@media (max-width: 760px){body{padding:10px}}.home-view{width:min(100%,1180px);min-height:calc(100vh - 28px);display:grid;align-content:start;gap:28px;padding:26px 0 56px;text-align:left}.home-hero{display:grid;gap:8px;max-width:680px}.game-grid{columns:3 230px;column-gap:18px}.game-tile{width:100%;break-inside:avoid;margin:0 0 18px;padding:24px 22px 22px;border:1px solid rgba(148,163,184,.22);border-radius:34px;color:var(--text);background:radial-gradient(circle at 50% 20%,rgba(52,211,153,.22),transparent 12rem),#0f172ac7;box-shadow:0 24px 80px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-tile:hover{border-color:#34d39999;box-shadow:0 28px 90px #10b98138;transform:translateY(-4px)}.game-tile strong{display:block;font-size:1.45rem;letter-spacing:-.04em}.game-tile small{display:block;margin-top:10px;color:var(--muted);font-size:.95rem}.tile-small{min-height:240px}.tile-medium{min-height:280px}.tile-large{min-height:330px}.tile-small .snake-mark,.tile-small .flappy-mark,.tile-small .maze-mark{width:104px;height:104px}.tile-medium .snake-mark,.tile-medium .flappy-mark,.tile-medium .maze-mark{width:118px;height:118px}.tile-large .snake-mark,.tile-large .flappy-mark,.tile-large .maze-mark{width:132px;height:132px}@media (max-width: 760px){.home-view{padding-top:18px}.game-grid{columns:1}}.game-shell{width:min(80vw,1320px);max-height:calc(100vh - 26px);display:grid;gap:18px}.hero{display:grid;gap:12px;padding:0;text-align:left}.game-toolbar{display:flex;align-items:center;justify-content:space-between}.game-heading{max-width:42rem}.back-button{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;color:var(--text);background:#ffffff14;transition:transform .16s ease,background .16s ease}.back-button:hover{background:#34d39929;transform:translate(-2px)}.back-button svg{width:26px;height:26px;fill:currentColor}.game-card{width:100%;margin:0 auto;padding:18px;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:var(--panel);box-shadow:0 24px 80px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid}.voice-status{min-height:1.35em;margin:10px 0 0;color:var(--muted);font-size:.9rem;text-align:center}@media (max-width: 760px){.game-shell{width:100%;gap:10px}.hero{padding:8px 4px 0}.subtitle{margin-top:8px}.back-button,.voice-indicator{width:44px;height:44px}}.snake-mark{width:118px;height:118px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;transform:rotate(-8deg)}.snake-mark span{border-radius:26px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:inset 0 -10px 20px #052e162e}.snake-mark span:first-child{border-radius:999px 26px 26px 999px}.snake-mark span:nth-child(4){position:relative;border-radius:26px 999px 999px 26px}.snake-mark span:nth-child(4):before{content:"";position:absolute;top:21px;right:16px;width:8px;height:8px;border-radius:999px;background:#052e16;box-shadow:14px 0 #052e16}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;margin-bottom:12px}.scoreboard div{border-radius:18px;background:#ffffff0f;padding:12px 14px}.scoreboard span{display:block;color:var(--muted);font-size:.78rem}.scoreboard strong{display:block;margin-top:4px;font-size:1.45rem}.canvas-wrap{position:relative;overflow:hidden;width:100%;margin:0 auto;border-radius:22px;background:var(--panel-strong)}canvas{display:block;width:100%;max-height:calc(100vh - 220px);margin:0 auto;aspect-ratio:50 / 21}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:#020617ad;transition:opacity .16s ease,visibility .16s ease}.overlay.hidden{opacity:0;visibility:hidden}.overlay h2{margin:0 0 8px;font-size:clamp(1.6rem,5vw,2.6rem)}.overlay p{margin:0;color:var(--muted)}.controls{display:none;margin-top:16px;text-align:center}.controls button{width:64px;height:52px;margin:4px;border-radius:16px;color:var(--text);background:#ffffff14;font-size:1.5rem;font-weight:800}@media (max-width: 760px){.scoreboard{grid-template-columns:1fr 1fr}.controls{display:block}}.flappy-mark{position:relative;width:118px;height:118px;margin:0 auto 18px;display:block}.flappy-bird{position:absolute;top:38px;left:22px;width:64px;height:46px;border-radius:999px 999px 999px 34px;background:linear-gradient(135deg,#facc15,#fb923c);box-shadow:inset 0 -10px 18px #78350f33}.flappy-bird:before{content:"";position:absolute;top:10px;right:13px;width:8px;height:8px;border-radius:999px;background:#0f172a}.flappy-bird:after{content:"";position:absolute;top:20px;right:-19px;border-left:24px solid #fb923c;border-top:10px solid transparent;border-bottom:10px solid transparent}.flappy-wave{position:absolute;right:8px;border:4px solid rgba(52,211,153,.8);border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 999px 999px 0}.wave-one{top:32px;width:26px;height:56px}.wave-two{top:20px;width:44px;height:80px;opacity:.55}.mic-button{position:relative;width:52px;height:52px;border:1px solid rgba(148,163,184,.22);border-radius:999px;color:var(--text);background:#0f172ac2;box-shadow:0 18px 44px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mic-button.listening{color:#052e16;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.mic-button.error{background:linear-gradient(135deg,#fb7185,#f43f5e)}.flappy-card{background:radial-gradient(circle at 22% 20%,rgba(250,204,21,.13),transparent 18rem),#0f172acc}.flappy-stats{grid-template-columns:repeat(3,1fr)}.flappy-canvas-wrap{box-shadow:inset 0 0 0 1px #ffffff0f}.flappy-canvas-wrap canvas{aspect-ratio:50 / 21}@media (max-width: 760px){.flappy-stats{grid-template-columns:1fr}.mic-button{width:44px;height:44px}}.maze-mark{position:relative;width:118px;height:118px;margin:0 auto 18px;display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:10px;perspective:260px}.maze-mark span{border-radius:18px;background:linear-gradient(180deg,#64748b,#1e293b);box-shadow:inset 0 0 0 1px #ffffff14,0 18px 36px #0000003d}.maze-mark span:first-child{transform:rotateY(34deg)}.maze-mark span:nth-child(2){background:linear-gradient(180deg,#facc15,#92400e);transform:translateY(26px) scaleY(.68)}.maze-mark span:nth-child(3){transform:rotateY(-34deg)}.maze-card{background:radial-gradient(circle at 50% 10%,rgba(250,204,21,.12),transparent 20rem),#0f172ad6}.maze-hud{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.maze-hud div{border-radius:18px;background:#ffffff0f;padding:12px 14px}.maze-hud span{display:block;color:var(--muted);font-size:.78rem}.maze-hud strong{display:block;margin-top:4px;font-size:1.15rem}.maze-canvas-wrap{width:100%;margin:0 auto;box-shadow:inset 0 0 0 1px #ffffff0f}.maze-canvas-wrap canvas{aspect-ratio:50 / 21}.maze-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.maze-confetti span{position:absolute;top:-28px;width:11px;height:20px;border-radius:999px 999px 4px 4px;background:#facc15;animation:maze-confetti-fall 1.5s linear infinite}.maze-confetti span:nth-child(1){left:8%;animation-delay:0s;background:#facc15}.maze-confetti span:nth-child(2){left:16%;animation-delay:.22s;background:#fb7185}.maze-confetti span:nth-child(3){left:25%;animation-delay:.08s;background:#34d399}.maze-confetti span:nth-child(4){left:34%;animation-delay:.31s;background:#60a5fa}.maze-confetti span:nth-child(5){left:43%;animation-delay:.16s;background:#c084fc}.maze-confetti span:nth-child(6){left:52%;animation-delay:.39s;background:#f97316}.maze-confetti span:nth-child(7){left:61%;animation-delay:.03s;background:#22d3ee}.maze-confetti span:nth-child(8){left:70%;animation-delay:.28s;background:#f472b6}.maze-confetti span:nth-child(9){left:78%;animation-delay:.12s;background:#a3e635}.maze-confetti span:nth-child(10){left:86%;animation-delay:.34s;background:#fde047}.maze-confetti span:nth-child(11){left:92%;animation-delay:.2s;background:#38bdf8}.maze-confetti span:nth-child(12){left:97%;animation-delay:.45s;background:#fb923c}@keyframes maze-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0) scale(.9)}12%{opacity:1}to{opacity:0;transform:translateY(430px) rotate(620deg) scale(1.08)}}@media (max-width: 760px){.maze-hud{grid-template-columns:1fr}}.platformer-mark{position:relative;width:118px;height:118px;margin:0 auto 18px;display:block}.runner-dot{position:absolute;left:20px;top:24px;width:34px;height:34px;border-radius:999px;background:#facc15;box-shadow:0 38px 0 -4px #ef4444}.step{position:absolute;bottom:0;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#22c55e,#166534)}.step-one{left:6px;width:36px;height:26px}.step-two{left:46px;width:36px;height:46px}.step-three{left:86px;width:36px;height:68px}.platformer-card{background:radial-gradient(circle at 20% 10%,rgba(56,189,248,.16),transparent 20rem),#0f172acc}.platformer-stats{grid-template-columns:repeat(3,1fr)}.platformer-canvas-wrap{box-shadow:inset 0 0 0 1px #ffffff0f}.platformer-canvas-wrap canvas{aspect-ratio:50 / 21}@media (max-width: 760px){.platformer-stats{grid-template-columns:1fr}}.rps-mark{width:118px;height:118px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-items:center;justify-items:center}.rps-mark span{display:grid;place-items:center;width:50px;height:50px;border-radius:18px;background:#ffffff14;font-size:1.9rem}.rps-mark span:first-child{grid-column:1 / -1}.rps-card{position:relative;background:radial-gradient(circle at 20% 10%,rgba(251,113,133,.12),transparent 18rem),radial-gradient(circle at 80% 30%,rgba(250,204,21,.1),transparent 16rem),#0f172ad6}.rps-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.rps-scoreboard div{border-radius:18px;background:#ffffff0f;padding:12px 14px}.rps-scoreboard span{display:block;color:var(--muted);font-size:.78rem}.rps-scoreboard strong{display:block;margin-top:4px;font-size:1.45rem}.rps-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.rps-arena.is-counting .rps-player strong{animation:rps-shake .42s ease-in-out infinite}.rps-player{display:grid;gap:10px;min-height:220px;place-items:center;border-radius:28px;background:#ffffff12;padding:22px}.rps-player span,.rps-player small{color:var(--muted)}.rps-player strong{font-size:clamp(4rem,10vw,7rem);line-height:1}.rps-versus{color:var(--accent);font-size:1.6rem;font-weight:900;letter-spacing:-.04em}.rps-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.rps-countdown{width:92px;height:92px;margin:18px auto 0;display:grid;place-items:center;border-radius:999px;color:#052e16;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 50px #10b98138;font-size:3rem;font-weight:1000;animation:rps-pulse .8s ease-in-out infinite}.rps-countdown.hidden{display:none}.rps-choice{display:grid;gap:8px;place-items:center;border-radius:22px;padding:18px 14px;color:var(--text);background:#ffffff14;transition:transform .16s ease,background .16s ease}.rps-choice:hover:not(:disabled){background:#34d39929;transform:translateY(-2px)}.rps-choice:disabled{cursor:default;opacity:.5}.rps-choice strong{font-size:2.4rem}.rps-choice span{font-weight:800}.rps-result{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:5;display:grid;place-content:center;margin-top:0;border-radius:24px;padding:24px;text-align:center;background:#020617d6;box-shadow:inset 0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rps-result.hidden{display:none}.rps-result h2{margin:0;font-size:clamp(2rem,5vw,3.6rem)}.rps-result p{margin:8px 0 16px;color:var(--muted)}.rps-result button{border-radius:999px;padding:12px 18px;color:#052e16;background:linear-gradient(135deg,var(--accent),var(--accent-strong));font-weight:900}.rps-result.win{background:#064e3bdb}.rps-result.lose{background:#7f1d1ddb}.rps-result.draw{background:#713f12db}.confetti{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.rps-result.win .confetti{display:block}.confetti span{position:absolute;top:-24px;width:12px;height:18px;border-radius:4px;background:#facc15;animation:confetti-fall 1.3s linear infinite}.confetti span:nth-child(1){left:12%;animation-delay:0s;background:#facc15}.confetti span:nth-child(2){left:28%;animation-delay:.18s;background:#fb7185}.confetti span:nth-child(3){left:44%;animation-delay:.06s;background:#34d399}.confetti span:nth-child(4){left:60%;animation-delay:.24s;background:#60a5fa}.confetti span:nth-child(5){left:76%;animation-delay:.1s;background:#c084fc}.confetti span:nth-child(6){left:88%;animation-delay:.3s;background:#f97316}@keyframes rps-shake{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}@keyframes rps-pulse{0%,to{transform:scale(.94)}50%{transform:scale(1.08)}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(380px) rotate(540deg);opacity:0}}@media (max-width: 760px){.rps-arena,.rps-actions{grid-template-columns:1fr}}.purple-ball-toolbar-actions{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;color:var(--text);background:#ffffff14;transition:transform .16s ease,background .16s ease}.icon-button:hover{background:#a855f733;transform:rotate(-12deg)}.icon-button svg{width:23px;height:23px;fill:currentColor}.purple-ball-card{background:radial-gradient(circle at 18% 10%,rgba(168,85,247,.14),transparent 18rem),#0f172adb}.purple-ball-hud{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:0 2px}.level-indicator{display:grid;gap:2px;min-width:118px;color:#f3e8ff}.level-indicator span{font-size:.94rem;font-weight:900}.level-indicator small{color:#c4b5fd;font-size:.76rem}.legend-item{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.82rem;white-space:nowrap}.legend-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px}.player-dot{background:#c026d3;box-shadow:0 0 10px #c026d3b3}.safe-dot{background:#22c55e}.danger-dot{background:#ef4444}.purple-ball-hud strong{margin-left:auto;color:#e9d5ff;font-size:.95rem}.purple-ball-canvas-wrap{background:#0a0a12;box-shadow:inset 0 0 0 1px #d8b4fe1f,0 16px 38px #00000038}.purple-ball-canvas-wrap canvas{aspect-ratio:12 / 7;max-height:calc(100vh - 260px)}.overlay-action{justify-self:center;margin-top:18px;border-radius:999px;padding:11px 18px;color:#2e1065;background:#d8b4fe;font-weight:900;transition:transform .16s ease,background .16s ease}.overlay-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.overlay-actions .overlay-action{margin-top:0}.overlay-action.secondary{color:#f8fafc;background:#ffffff24}.overlay-action.secondary:hover{background:#ffffff38}.overlay-action.skip{color:#431407;background:#fdba74}.overlay-action.skip:hover{background:#fed7aa}.overlay-action:hover{background:#e9d5ff;transform:translateY(-2px)}.overlay.success{background:#064e3bd6}.overlay.success h2{color:#bbf7d0}.overlay.failure{background:#7f1d1dd6}.overlay.failure h2{color:#fecaca}.purple-ball-controls{display:none;margin-top:12px;text-align:center}.purple-ball-controls button{width:58px;height:48px;margin:3px;border-radius:14px;color:var(--text);background:#ffffff14;font-size:1.35rem;font-weight:800;touch-action:none}.purple-ball-controls button:active{color:#2e1065;background:#d8b4fe}.purple-ball-mark{position:relative;width:132px;height:132px;margin:0 auto 18px;display:block;overflow:hidden;border-radius:24px;background:#100d1d;box-shadow:inset 0 0 0 1px #d8b4fe24}.purple-ball-mark-orb{position:absolute;top:20px;left:24px;width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 32% 25%,#f5d0fe 0,#f5d0fe 8%,#d946ef 35%,#7e22ce);box-shadow:0 0 20px #c026d3b8}.purple-ball-mark-safe,.purple-ball-mark-danger{position:absolute;bottom:15px;width:43px;height:23px;border-radius:6px}.purple-ball-mark-safe{left:73px;background:#22c55e}.purple-ball-mark-danger{left:20px;background:#ef4444}.purple-ball-mark-block{position:absolute;display:block;border-radius:4px;background:#475569}.block-one{top:72px;left:17px;width:40px;height:11px;transform:rotate(-10deg)}.block-two{top:52px;left:78px;width:11px;height:42px;transform:rotate(9deg)}@media (max-width: 760px){.purple-ball-toolbar-actions .icon-button,.purple-ball-toolbar-actions .voice-indicator{width:44px;height:44px}.purple-ball-hud{flex-wrap:wrap;gap:8px 12px}.level-indicator{width:100%}.purple-ball-hud strong{width:100%;margin-left:0}.purple-ball-controls{display:block}.overlay-actions{flex-wrap:wrap}}