:root{--bg:#020914;--panel:#071a32;--panel2:#0b2344;--line:#143557;--text:#f4f8ff;--muted:#a7b9d8;--blue:#00a8ff;--yellow:#ffe038;--green:#25d60e;--purple:#8c40ff;--orange:#ff8a00}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#09254c 0,#03101f 45%,#010712 100%);color:var(--text);overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 70% 28%,rgba(0,187,255,.25) 0 1px,transparent 2px),radial-gradient(circle at 42% 68%,rgba(255,255,255,.16) 0 1px,transparent 2px);background-size:210px 210px,320px 320px,260px 260px;animation:drift 18s linear infinite}@keyframes drift{to{transform:translateY(40px)}}button{font:inherit;color:inherit}.app-shell{display:grid;grid-template-columns:180px 1fr;gap:10px;padding:12px;min-height:100vh}.side-nav{border:1px solid var(--line);background:linear-gradient(#061a33,#041020);border-radius:10px;padding:28px 12px;display:flex;flex-direction:column;gap:18px}.brand-stack{text-align:center}.dq-shield{width:84px;height:96px;margin:auto;background:linear-gradient(145deg,#06285a,#031227);border:4px solid #13b7ff;clip-path:polygon(50% 0,94% 14%,85% 78%,50% 100%,15% 78%,6% 14%);display:grid;place-items:center;font-size:34px;font-weight:1000;color:#ffe033;text-shadow:0 3px 0 #5a4500}.dq-shield.small{width:72px;height:82px;font-size:29px;margin:0}.brand-stack h1,.topbar h1{margin:.35rem 0 0;font-size:31px;line-height:1}.brand-stack p,.topbar p{color:#11d4ff;text-transform:uppercase;font-weight:900;font-size:13px;margin:6px 0}.nav-btn{border:0;background:transparent;opacity:.65;border-radius:10px;display:flex;align-items:center;gap:14px;padding:13px 14px;font-weight:900;font-size:18px;cursor:pointer}.nav-btn.active{opacity:1;background:linear-gradient(135deg,#0046d8,#072b75);box-shadow:inset 0 0 0 1px #148fff,0 12px 30px rgba(0,79,255,.25)}.main-panel{border:1px solid var(--line);border-radius:12px;background:rgba(3,13,28,.78);backdrop-filter:blur(8px);overflow:hidden;padding-bottom:88px}.topbar{height:140px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;padding:24px 34px}.brand-row{display:flex;align-items:center;gap:22px;margin-right:auto}.brand-row h1{font-size:42px}.score-pill{display:flex;gap:20px;border:1px solid #173b66;background:#071832;border-radius:20px;padding:14px 24px;font-size:22px;font-weight:1000}.avatar-button{background:none;border:0;position:relative;padding:0}.avatar-button img{width:96px;height:96px;border-radius:50%;border:4px solid #05bfff;object-fit:cover}.avatar-button span{position:absolute;width:20px;height:20px;border-radius:50%;background:#0cd819;right:4px;bottom:6px;border:4px solid #061326}.mobile-menu{display:none}.screen{display:none;padding:26px}.active-screen{display:block}.section-title{display:flex;align-items:center;gap:12px;font-weight:1000;font-size:31px;letter-spacing:.5px;margin:0 0 18px}.game-row{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px}.game-card{min-height:315px;border-radius:18px;border:3px solid var(--accent);background:radial-gradient(circle at 50% 0,rgba(255,255,255,.18),transparent 34%),linear-gradient(180deg,var(--card),#031225);padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;box-shadow:0 0 22px color-mix(in srgb,var(--accent),transparent 55%);cursor:pointer;transition:.18s transform,.18s filter}.game-card:hover,.game-card:active{transform:translateY(-4px) scale(1.02);filter:brightness(1.12)}.game-card h2{font-size:32px;line-height:.95;margin:0;text-shadow:0 4px 0 rgba(0,0,0,.35)}.game-card h2 span{display:block;color:#ffe934}.game-icon{font-size:70px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.play-circle{width:86px;height:86px;border:0;border-radius:50%;background:linear-gradient(#ffe55a,#ff9900);box-shadow:inset 0 -8px rgba(155,75,0,.2),0 0 22px rgba(255,200,0,.45);font-size:36px;display:grid;place-items:center}.play-label{font-size:22px;font-weight:1000}.dashboard-grid{margin-top:24px;display:grid;grid-template-columns:1.2fr 1.4fr .75fr;gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,31,61,.95),rgba(4,17,35,.92));border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel h2{margin:0;font-size:24px;text-transform:uppercase}.panel p{color:#c4d2ec;margin:0}.link-btn{background:none;border:0;color:#ffe934;font-weight:1000}.challenge-body{display:grid;grid-template-columns:145px 1fr 120px;gap:18px;align-items:center;margin-top:14px}.challenge-body img{width:145px;height:145px;border-radius:50%;border:3px solid #0bbcff}.challenge-body h3{font-size:28px;margin:0}.challenge-body strong{font-size:40px;color:#ffe934}.blue-play{border:0;border-radius:12px;background:linear-gradient(#0ea4ff,#004de0);padding:18px 22px;font-weight:1000;font-size:22px;box-shadow:inset 0 0 0 1px #3fc0ff}.reward-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px}.reward{min-height:82px;border:1px solid #15395d;background:#061831;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:34px;font-weight:1000}.reward small{font-size:14px;color:#b6c5df}.reward.done{color:#38ff25}.reward.today{outline:3px solid #ffe018;box-shadow:0 0 18px #ffb300}.leaderboard-panel ol{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}.leaderboard-panel li{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#06172d;font-size:18px;font-weight:900}.leaderboard-panel .highlight{background:#092e66}.profile-card{text-align:center;max-width:560px;margin:auto}.profile-card img{width:150px;border-radius:50%;border:4px solid #08bfff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.stats div{background:#061831;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}.stats b{font-size:32px}.stats span{display:block;color:#9eb0ce}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(900px,calc(100% - 28px));height:80px;border:1px solid var(--line);background:rgba(5,18,37,.96);backdrop-filter:blur(10px);border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;z-index:20}.bottom-nav .nav-btn{justify-content:center;flex-direction:column;gap:2px;font-size:24px;padding:8px}.bottom-nav .nav-btn span{font-size:13px}.game-modal{position:fixed;inset:0;background:#010712;z-index:50;display:none;overflow:auto}.game-modal.open{display:block}.game-stage{min-height:100vh;padding:16px;max-width:920px;margin:auto}.game-top{position:sticky;top:0;background:rgba(1,7,18,.95);backdrop-filter:blur(8px);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 18px}.game-top button{border:0;background:#092a60;border-radius:12px;padding:12px 16px;font-weight:1000}.game-top h2{margin:0;font-size:28px}.mini-score{font-size:20px;font-weight:1000}.game-box{border:1px solid var(--line);border-radius:24px;background:#0a1a32;padding:22px;margin-top:10px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mem-card{aspect-ratio:1;border:0;border-radius:16px;background:#24416e;font-size:42px}.tap-button{width:230px;height:230px;border-radius:50%;border:0;background:linear-gradient(#ffe45a,#ff9800);font-size:40px;font-weight:1000;margin:20px auto;display:grid;place-items:center}.math-answer{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.math-answer button{border:0;border-radius:16px;background:#10386f;padding:22px;font-size:30px;font-weight:1000}.question{font-size:48px;text-align:center;font-weight:1000;margin:20px}.game-feedback{text-align:center;font-size:22px;color:#ffe934;font-weight:1000}@media (max-width:900px){.app-shell{display:block;padding:0}.side-nav{display:none}.main-panel{border:0;border-radius:0;padding-bottom:100px;background:transparent}.topbar{height:120px;padding:14px 14px;gap:10px}.mobile-menu{display:block;font-size:24px}.dq-shield.small{width:54px;height:60px;font-size:22px}.brand-row{gap:10px}.brand-row h1{font-size:27px}.brand-row p{font-size:10px}.score-pill{font-size:17px;padding:9px 11px;gap:10px;position:absolute;left:82px;top:72px}.avatar-button img{width:68px;height:68px}.screen{padding:14px}.section-title{font-size:22px;margin:8px 0 12px}.game-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.game-card{min-height:185px;border-radius:12px;padding:12px 8px}.game-card h2{font-size:23px}.game-icon{font-size:45px}.play-circle{width:58px;height:58px;font-size:25px}.play-label{font-size:16px}.dashboard-grid{grid-template-columns:1fr;margin-top:14px;gap:10px}.panel{border-radius:14px;padding:12px}.panel h2{font-size:19px}.leaderboard-panel{display:block}.challenge-body{grid-template-columns:86px 1fr 86px;gap:8px}.challenge-body img{width:86px;height:86px}.challenge-body h3{font-size:20px}.challenge-body strong{font-size:30px}.blue-play{padding:13px 14px;font-size:18px}.reward-strip{gap:5px;overflow-x:auto}.reward{min-width:62px;min-height:72px;font-size:28px}.reward small{font-size:11px}.bottom-nav{height:76px;border-radius:18px;bottom:8px}.game-stage{padding:10px}.game-box{padding:16px;border-radius:18px}.memory-grid{gap:8px}.mem-card{border-radius:12px;font-size:32px}.question{font-size:38px}.math-answer button{font-size:24px}.tap-button{width:190px;height:190px}}@media (min-width:901px) and (max-width:1240px){.game-row{grid-template-columns:repeat(4,1fr)}.game-card{min-height:285px}.dashboard-grid{grid-template-columns:1fr 1fr}.leaderboard-panel{grid-column:2;grid-row:1 / span 2}}

/* v4 profile chooser */
.player-overlay{position:fixed;inset:0;z-index:80;background:radial-gradient(circle at 50% 0,rgba(9,67,130,.96),rgba(1,7,18,.98));display:flex;align-items:center;justify-content:center;padding:18px}.player-overlay.hidden{display:none}.player-card{width:min(720px,100%);border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#08264b,#041326);box-shadow:0 0 60px rgba(0,168,255,.25),inset 0 0 0 1px rgba(255,255,255,.05);padding:24px;text-align:center}.player-card h2{font-size:42px;margin:12px 0 6px}.player-card p{color:var(--muted);font-size:18px;margin:0 0 18px}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.player-choice{border:2px solid #17416e;background:linear-gradient(180deg,#0b2a55,#06172e);border-radius:20px;color:white;padding:14px 10px;min-height:170px;font-weight:1000;box-shadow:0 16px 36px rgba(0,0,0,.25);cursor:pointer}.player-choice:hover,.player-choice:active{border-color:#17c8ff;transform:translateY(-2px);filter:brightness(1.1)}.player-face{width:78px;height:78px;border-radius:50%;border:3px solid #12c9ff;margin:0 auto 9px;background:#10386f;display:grid;place-items:center;font-size:40px;overflow:hidden}.player-face img{width:100%;height:100%;object-fit:cover}.player-choice small{display:block;color:#a8bee0;margin-top:4px;font-weight:800}.ghost-btn{margin-top:14px;border:1px solid #254a76;background:transparent;border-radius:14px;padding:14px 18px;font-weight:1000;color:#d7e6ff}.current-player-name{font-weight:1000;color:#ffe934}.family-list{margin-top:18px;display:grid;gap:10px}.family-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid #143557;border-radius:14px;background:#061831;padding:10px}.family-row .mini-face{width:46px;height:46px;border-radius:50%;border:2px solid #13b7ff;display:grid;place-items:center;overflow:hidden;background:#10284d}.family-row img{width:100%;height:100%;object-fit:cover}.family-row b{font-size:18px}.family-row span{color:#a7b9d8;font-size:13px}.profile-stats{margin:18px 0}.toast{position:fixed;left:50%;bottom:98px;transform:translateX(-50%);z-index:100;background:#082b61;border:1px solid #15b9ff;border-radius:16px;color:white;font-weight:1000;padding:14px 18px;box-shadow:0 10px 40px rgba(0,0,0,.4)}
@media(max-width:900px){.player-overlay{align-items:flex-start;padding-top:35px}.player-card{padding:18px;border-radius:22px}.player-card h2{font-size:32px}.player-card p{font-size:15px}.player-grid{grid-template-columns:repeat(2,1fr);gap:10px}.player-choice{min-height:145px}.player-face{width:66px;height:66px}.toast{bottom:90px;width:calc(100% - 32px);text-align:center}}


/* v5 music controls */
.music-toggle{width:56px;height:56px;border-radius:18px;border:1px solid #1b4777;background:linear-gradient(180deg,#0a2a55,#05172f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 18px rgba(0,168,255,.18);font-size:24px;font-weight:1000;cursor:pointer;display:grid;place-items:center}.music-toggle.playing{border-color:#ffe038;box-shadow:0 0 18px rgba(255,224,56,.45),inset 0 0 0 1px rgba(255,255,255,.08)}.music-toggle.muted{opacity:.7;filter:grayscale(.35)}
@media(max-width:900px){.music-toggle{position:absolute;right:88px;top:78px;width:42px;height:42px;border-radius:14px;font-size:18px}.topbar{position:relative}.score-pill{left:82px;top:72px}}