@import url('https://fonts.googleapis.com/css2?family=Changa+One:ital@0;1&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--ink:#f7fbff;--muted:#adc2d6;--navy:#061a2d;--panel:#0c263d;--panel2:#102f49;--line:#315574;--lime:#a8ff76;--mint:#5ff1a6;--blue:#62a8ff;--purple:#a779ff;--yellow:#ffc84d;--red:#ff6673;--shadow:0 18px 60px #01091188;--radius:22px}
*{box-sizing:border-box}html{min-height:100%;background:var(--navy)}body{margin:0;min-height:100vh;color:var(--ink);font:500 16px/1.5 Nunito,system-ui,sans-serif;background:radial-gradient(circle at 70% -20%,#153c67 0,transparent 38%),linear-gradient(150deg,#071c31,#041423 70%)}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--lime);color:#06131f;padding:.7rem 1rem;border-radius:10px;z-index:99}.skip-link:focus{top:1rem}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 max(18px,calc((100vw - 1120px)/2));border-bottom:1px solid #ffffff19;background:#061a2de8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.topbar button{border:0;background:transparent;color:var(--muted);font-weight:900}.topbar button:hover,.topbar button:focus-visible{color:white}.brand{font-family:'Changa One',Impact,sans-serif!important;font-size:1.08rem;letter-spacing:.04em;color:white!important;display:flex;align-items:center;gap:.65rem}.brand span{display:grid;place-items:center;width:34px;height:34px;color:#082035;background:var(--lime);border-radius:9px}.topbar nav{display:flex;gap:1.2rem;align-items:center}.topbar .quiet{font-size:.86rem;border-left:1px solid var(--line);padding-left:1.2rem}main{width:min(1120px,calc(100% - 32px));margin:auto;min-height:calc(100vh - 68px);padding:clamp(24px,5vw,62px) 0}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:900}.display{font-family:'Changa One',Impact,sans-serif;letter-spacing:.02em;line-height:.92;text-transform:uppercase;margin:.35rem 0 1rem;font-size:clamp(3rem,9vw,7rem);text-shadow:0 5px 0 #03101d}.display .lime{color:var(--lime);display:block}.lede{font-size:clamp(1.08rem,2vw,1.35rem);color:#d6e4ef;max-width:560px}.home-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,70px);align-items:center}.mission-card{position:relative;min-height:520px;border:1px solid #396083;border-radius:32px;background:linear-gradient(150deg,#102f4c,#081d31);box-shadow:var(--shadow);padding:clamp(26px,4vw,46px);overflow:hidden}.mission-card:before{content:"";position:absolute;inset:auto -80px -120px auto;width:330px;height:330px;border-radius:50%;background:#6323c5;filter:blur(60px);opacity:.35}.mascot{font-size:clamp(7rem,16vw,12rem);filter:drop-shadow(0 12px 8px #0008);text-align:center;transform:rotate(-4deg);position:relative}.speech{position:absolute;right:8%;top:10%;font:1.25rem 'Changa One',sans-serif;transform:rotate(-7deg);max-width:150px}.speech:after{content:"↙";display:block;font-size:2rem}.cta,.primary{border:0;border-radius:14px;background:var(--lime);color:#061425;font-weight:900;padding:1rem 1.4rem;box-shadow:0 7px 0 #4a9e3f;transition:.15s transform,.15s box-shadow}.cta{width:100%;font-size:1.2rem;position:relative}.cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 9px 0 #4a9e3f}.cta:active,.primary:active{transform:translateY(4px);box-shadow:0 3px 0 #4a9e3f}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.feature{border:1px solid #43658d;background:#0a2036cc;border-radius:14px;padding:14px;text-align:center;font-weight:800}.feature span{font-size:1.7rem;display:block}.quote{margin:30px 0 0;text-align:center;font-style:italic;color:#c9d9e7}.page-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:28px}.page-head h1,.parents h1{font:clamp(2.7rem,7vw,5rem)/.95 'Changa One',sans-serif;text-transform:uppercase;margin:.2rem 0}.stats-mini{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{background:#0b263e;border:1px solid var(--line);border-radius:999px;padding:.55rem .9rem;color:var(--muted);font-weight:800}.stat-pill strong{color:white}.case-list{display:grid;gap:12px}.case-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;text-align:left;border:1px solid var(--line);background:linear-gradient(110deg,#102f49,#0a2136);color:white;border-radius:16px;padding:14px 18px;box-shadow:0 8px 20px #0002;transition:.15s}.case-card:not([disabled]):hover,.case-card:not([disabled]):focus-visible{border-color:var(--lime);transform:translateX(4px);box-shadow:0 0 0 3px #a8ff7630}.case-card .icon{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:#dcecff;color:#102033;font-size:2rem}.case-card h2{font-size:1.12rem;margin:0}.case-card p{margin:.15rem 0 0;color:var(--muted);font-size:.93rem}.case-card .case-no{color:var(--mint);font-size:.76rem;font-weight:900}.case-card .arrow{font-size:1.7rem;color:var(--lime)}.case-card[disabled]{opacity:.57;cursor:not-allowed}.completed{border-color:#5fe4a5}.complete-chip{font-size:.78rem;color:var(--lime);font-weight:900}.game-shell{max-width:860px;margin:auto}.game-top{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:20px}.progress-label{display:flex;justify-content:space-between;font-weight:900}.progress-track{height:9px;background:#183b58;border-radius:99px;overflow:hidden;margin-top:7px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--lime),var(--mint));border-radius:inherit;transition:width .3s}.scene{border:1px solid #365a78;border-radius:var(--radius);background:linear-gradient(150deg,#0d2b44,#091f34);box-shadow:var(--shadow);padding:clamp(20px,4vw,38px)}.scene-kicker{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.scene h1{font:clamp(2rem,6vw,3.5rem)/1 'Changa One',sans-serif;text-transform:uppercase;margin:.35rem 0 1.2rem}.scene-copy{color:#d8e6f0;font-size:1.05rem}.chat-window,.browser-window,.permission-window,.fake-window,.story-window{max-width:610px;margin:20px auto 26px;background:#eef4f9;color:#14253a;border-radius:22px;border:7px solid #b4c7d8;overflow:hidden;box-shadow:0 10px 30px #0005}.window-bar{padding:12px 18px;background:#fff;border-bottom:1px solid #cad8e3;font-weight:900;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#8796aa;color:white;display:grid;place-items:center}.messages{padding:18px;display:flex;flex-direction:column;gap:9px}.bubble{background:#dfe7ee;padding:10px 13px;border-radius:16px 16px 16px 5px;width:fit-content;max-width:90%}.browser-body,.permission-body,.fake-body,.story-body{padding:24px}.browser-window{border-color:#78aee5}.permission-window{border-color:#d4deea}.permission-symbol{font-size:3rem;text-align:center}.fake-window{background:#121930;color:white;border-color:#8665f0}.fake-window .window-bar{background:#211c47;color:white;border-color:#493d75}.countdown{display:inline-block;background:var(--red);padding:4px 9px;border-radius:7px;font-weight:900}.story-window{background:#142945;color:white;border-color:#6f4bd6}.consequence{background:radial-gradient(circle at 50% 0,#832e42,#3b1725 55%,#1d1622);border-color:#b4495f;text-align:center}.consequence .scene-kicker{color:#ff9daa}.consequence h1{color:#ffd788}.moo-rain{font-size:2rem;letter-spacing:.3rem;animation:shake .8s infinite alternate}@keyframes shake{to{transform:translateX(5px) rotate(1deg)}}.note{border:1px solid #dc556d;background:#511b2a;padding:14px 16px;border-radius:12px;margin:18px 0;text-align:left}.prompt{font-weight:900;font-size:1.08rem;margin:20px 0 12px}.choices{display:grid;gap:10px}.choice{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;text-align:left;width:100%;background:#102f49;color:white;border:2px solid #477191;border-radius:13px;padding:10px 14px;font-weight:800;min-height:58px}.choice:hover,.choice:focus-visible{border-color:var(--lime);background:#153a57;transform:translateY(-1px)}.choice-key{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#081a2c;font-weight:900}.choice:nth-child(2) .choice-key{background:var(--mint)}.choice:nth-child(3) .choice-key{background:var(--yellow)}.choice:nth-child(4) .choice-key{background:var(--purple)}.choice:nth-child(5) .choice-key{background:#ff8793}.fake-input,textarea{width:100%;border:2px solid #7890ae;border-radius:10px;padding:12px;font-size:1rem;margin-top:12px}.case-closed{text-align:center}.checkmark{width:74px;height:74px;border-radius:50%;background:var(--lime);color:#0b2a22;display:grid;place-items:center;font-size:2.5rem;margin:auto}.case-closed h1{color:var(--lime)}.debrief{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin:24px 0}.debrief-card{border:1px solid #7151c5;background:#171f4a;border-radius:16px;padding:20px}.debrief-card h2{font-size:1rem;text-transform:uppercase;color:#d5c5ff}.debrief-card ul{padding-left:1.2rem}.rule{border:1px solid var(--blue);background:#0f2f48;border-radius:15px;padding:18px;text-align:left;font-size:1.1rem}.reflection{background:#e9f2fb;color:#14253a;border-radius:16px;padding:20px;margin-top:16px;text-align:left}.reflection label{font-weight:900;display:block}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.secondary{border:1px solid var(--blue);background:transparent;color:white;border-radius:12px;padding:.85rem 1.2rem;font-weight:900}.secondary:hover{background:#123b5b}.parents{max-width:900px;margin:auto}.philosophy{font-size:1.25rem;border-left:5px solid var(--lime);padding:14px 20px;background:#0c263d;border-radius:0 14px 14px 0}.parent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.parent-card{background:#0d2942;border:1px solid var(--line);border-radius:16px;padding:20px}.parent-card .big{font-size:2rem}.parent-card h2{margin:.4rem 0}.starter{color:#dbe9f2;background:#071b2e;padding:12px;border-radius:10px}.privacy{border:1px solid var(--mint);border-radius:16px;padding:20px;background:#0a2e32}.rank-card{display:flex;align-items:center;gap:14px;background:#dceafb;color:#10233b;border-radius:16px;padding:18px;margin-top:20px}.rank-avatar{font-size:3rem}.rank-bar{height:8px;background:#aabbd2;border-radius:99px;overflow:hidden}.rank-bar span{display:block;height:100%;background:#5bdb68}.tiny{font-size:.86rem;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;translate:-50% 120px;background:#fff;color:#14253a;border-radius:12px;padding:12px 18px;font-weight:900;box-shadow:var(--shadow);transition:.25s;z-index:50}#toast.show{translate:-50% 0}:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.topbar{height:auto;padding:10px 16px;align-items:flex-start}.topbar nav{gap:8px}.topbar nav button{font-size:.78rem}.topbar .quiet{display:none}.brand{font-size:0}.brand span{font-size:1rem}.home-grid{grid-template-columns:1fr}.mission-card{min-height:auto}.speech{font-size:1rem}.features{grid-template-columns:repeat(2,1fr)}.page-head{display:block}.stats-mini{margin-top:16px}.case-card{grid-template-columns:52px 1fr auto;padding:12px}.case-card .icon{width:48px;height:48px}.debrief,.parent-grid{grid-template-columns:1fr}.game-top{grid-template-columns:1fr}.scene{border-radius:17px;padding:18px}.chat-window,.browser-window,.permission-window,.fake-window,.story-window{border-width:4px;margin:14px auto 22px}.choice{padding:9px 11px;min-height:62px}.display{font-size:3.4rem}main{padding-top:28px}.mascot{font-size:8rem}}
@media(max-width:430px){.topbar nav button:first-child{display:none}.page-head h1,.parents h1{font-size:2.65rem}.features{gap:8px}.feature{font-size:.82rem;padding:10px}.case-card p{font-size:.82rem}.case-card .icon{font-size:1.5rem}.choice{grid-template-columns:34px 1fr}.choice-key{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}