:root{--sea: #0b6e6f;--sea-deep: #084d4e;--ink: #1a2b4a;--cloud: #f7fbff;--paper: #fff8ee;--sand: #f4e4c8;--apricot: #ff9f6b;--butter: #ffe08a;--berry: #e85d75;--mint: #7fd3c0;--sky: #8ecae6;--white: #ffffff;--shadow: 0 18px 40px rgba(26, 43, 74, .12);--radius: 28px;--font-display: "Fredoka", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "Fredoka", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 500px at 10% -10%,#d8f3f3 0%,transparent 55%),radial-gradient(900px 420px at 100% 0%,#ffe7c8 0%,transparent 50%),linear-gradient(180deg,#eef8fb 0%,var(--paper) 38%,#fff 100%);overflow-x:hidden}button,input,select{font-family:inherit}button,a,.choice{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit}img,svg{max-width:100%}.sky-wrap{position:relative;min-height:100dvh}.blob{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0}.blob.a{width:220px;height:140px;background:#bde0fe;top:40px;left:-60px;opacity:.55}.blob.b{width:180px;height:120px;background:#ffd6a5;top:90px;right:-40px;opacity:.5}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7fbffdb;border-bottom:1px solid rgba(11,110,111,.08)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:22px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--sea);display:grid;place-items:center;box-shadow:0 8px 16px #0b6e6f47}.nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-links a,.ghost{text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:700;font-size:14px;min-height:40px;display:inline-flex;align-items:center}.nav-short{display:none}.btn{border:0;border-radius:999px;padding:12px 22px;font-weight:800;font-size:16px;min-height:44px;transition:transform .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary{background:var(--butter);color:var(--ink);box-shadow:0 10px #e0bc4d,0 18px 28px #e0bc4d59}.btn-primary:hover{transform:translateY(-2px)}.btn-sea{background:var(--sea);color:#fff;box-shadow:0 10px 0 var(--sea-deep)}.btn-ghost{background:transparent;border:2px solid rgba(26,43,74,.12);padding:8px 14px;min-height:40px}.btn-big{font-family:var(--font-display);font-size:clamp(20px,4.6vw,28px);padding:18px 28px;width:min(100%,420px);display:inline-flex;align-items:center;justify-content:center}.hero{max-width:1120px;margin:0 auto;padding:28px 20px 10px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;position:relative;z-index:1}.kicker{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid rgba(11,110,111,.12);padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;color:var(--sea);max-width:100%;text-wrap:balance}h1{font-family:var(--font-display);font-size:clamp(28px,7vw,62px);line-height:1.12;margin:14px 0 12px}.lead{font-size:clamp(15px,2.4vw,18px);line-height:1.7;color:#3d4d68;max-width:540px}.page-title{font-size:clamp(26px,6vw,36px)!important}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.stat{background:#fff;border-radius:20px;padding:14px;box-shadow:var(--shadow)}.stat b{display:block;font-family:var(--font-display);font-size:26px;color:var(--sea)}.stat span{font-size:12px;color:#667}.mascot-card{background:linear-gradient(180deg,#8ecae6,#bde0fe 38%,#fff 38%);border-radius:36px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:420px}.island{position:absolute;left:0;right:0;bottom:0;height:160px;background:radial-gradient(120% 100% at 50% 100%,#81b29a,#3d6b5a 80%);border-top-left-radius:50% 40%;border-top-right-radius:50% 40%}.sun{width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c2,#ffcc4d 55%,#ff9f1c);margin:28px auto 0;box-shadow:0 0 0 12px #ffe08a73,0 16px 30px #ff9f1c59;position:relative;z-index:2}.sun .glasses{position:absolute;inset:46px 18px auto;height:18px;display:flex;justify-content:space-between}.sun .lens{width:32px;height:18px;border:3px solid #1a2b4a;border-radius:8px;background:#ffffff59}.camp-flag{position:absolute;z-index:3;right:28px;bottom:148px;width:16px;height:90px;background:#d4a373;border-radius:4px}.camp-flag:after{content:"121";position:absolute;left:16px;top:0;background:var(--berry);color:#fff;font-family:var(--font-display);font-weight:700;padding:6px 10px;border-radius:6px 12px 12px 6px}.section{max-width:1120px;margin:0 auto;padding:42px 20px;position:relative;z-index:1}.section h2{font-family:var(--font-display);font-size:clamp(24px,5vw,34px);margin:0 0 8px}.muted{color:#5b6b82}.grid-3,.grid-4,.grid-2{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:1fr 1fr}.card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin:8px 0;font-family:var(--font-display)}.icon-pill{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px}.warn{background:#fff6e8;border:1px solid #ffd9a0;border-radius:20px;padding:16px 18px;font-size:14px;line-height:1.7}.footer{padding:28px 20px 40px;padding-bottom:max(40px,env(safe-area-inset-bottom));text-align:center;color:#6b7c93;font-size:13px}.screen{max-width:980px;margin:0 auto;padding:18px 16px 40px;padding-bottom:max(40px,env(safe-area-inset-bottom))}.login-card{max-width:420px;width:100%;margin:32px auto}.kid-home{max-width:760px;margin:0 auto;padding:12px 16px 48px;padding-bottom:max(48px,env(safe-area-inset-bottom));text-align:center}.kid-hello{font-size:clamp(26px,7vw,34px);margin:0 0 6px}.plan-badge{display:inline-block;margin:8px 0 4px;padding:6px 12px;border-radius:999px;background:#e7f6f6;color:var(--sea-deep);font-size:12px;font-weight:700}.ambly-card{border:2px solid #7fd3c0;background:linear-gradient(180deg,#f3fffc,#fff)}.game-banner{text-align:center;padding:6px 10px;font-size:13px;font-weight:700;background:#ffe08a29;color:#ffe08a}.prep-scene{min-height:100dvh;min-height:100svh;display:grid;place-items:center;text-align:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top));background:linear-gradient(180deg,#12303a,#0b6e6f);color:#fff}.prep-scene.anag{background:#050505}.prep-eye{font-size:56px}.prep-count{font-size:56px;font-family:Fredoka,sans-serif;margin:12px 0}.anag-swatch{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.anag-swatch span{padding:10px 18px;border-radius:14px;font-weight:800;color:#fff}.energy{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:22px;padding:12px 16px;box-shadow:var(--shadow)}.stars{color:#e09f1f;font-weight:800}.avatar{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c2,#ffcc4d);margin:18px auto 8px;display:grid;place-items:center;font-size:42px;box-shadow:0 10px 24px #ff9f1c47}.day-btn-wrap{margin:26px 0 18px}.session-pills{display:flex;justify-content:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.pill{padding:8px 14px;border-radius:999px;background:#fff;font-weight:700;font-size:13px;box-shadow:var(--shadow)}.pill.done{background:var(--mint)}.pill.now{background:var(--butter)}.form{display:grid;gap:14px;text-align:left}label{font-weight:700;font-size:14px;display:grid;gap:6px}input,select{border:2px solid #e7dfd2;background:#fff;border-radius:16px;padding:12px 14px;font-size:16px;width:100%;max-width:100%}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{border:2px solid #e7dfd2;background:#fff;border-radius:16px;padding:10px 14px;font-weight:700;min-height:44px}.choice.on{border-color:var(--sea);background:#e7f6f6;color:var(--sea-deep)}.game-shell{min-height:100dvh;min-height:100svh;background:#0e2a36;color:#fff;display:flex;flex-direction:column;overscroll-behavior:none}.game-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:#ffffff0f}.game-hud-title{min-width:0;text-align:center;flex:1}.game-hud-title b{display:block;font-size:clamp(14px,3.6vw,18px)}.game-hud .btn{flex-shrink:0}.game-stage{flex:1;position:relative;overflow:hidden;touch-action:none;min-height:0}.game-stage canvas,.game-stage .playfield{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.playfield{display:grid;place-items:center;padding:8px}.e-stage{height:min(220px,34dvh);display:grid;place-items:center}.dir-pad{display:grid;grid-template-columns:repeat(3,min(22vw,88px));gap:10px;justify-content:center}.timer-bar{height:8px;background:#ffffff1f}.timer-bar>i{display:block;height:100%;background:var(--butter);width:0%}.e-opt{width:min(22vw,88px);height:min(22vw,88px);min-width:56px;min-height:56px;border:0;border-radius:24px;background:#ffffff1f;color:#fff;font-size:clamp(22px,6vw,36px)}.e-opt:active{background:var(--butter);color:var(--ink)}.card .e-opt{background:#1a2b4a;color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a18248c;display:grid;place-items:center;z-index:40;padding:16px}.modal .card{max-width:420px;width:100%;text-align:center}.chart{display:flex;align-items:flex-end;gap:8px;height:140px}.chart i{flex:1;background:linear-gradient(180deg,var(--sea),#7fd3c0);border-radius:10px 10px 4px 4px;min-height:8px}.rest-scene{min-height:100dvh;min-height:100svh;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#1b4965,#5fa8d3 55%,#bee9e8);color:#fff;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.far-dot{width:18px;height:18px;border-radius:50%;background:#fff;margin:24px auto;box-shadow:0 0 0 10px #fff3;animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scale(1.25);box-shadow:0 0 0 22px #ffffff0d}}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal b{font-size:11px;color:#89a;text-align:center}.cal span{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;background:#f3efe6;font-size:12px;font-weight:800}.cal span.on{background:var(--butter)}.cal span.full{background:var(--mint)}.admin-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #f0e8da;vertical-align:middle}@media(max-width:1024px){.hero{grid-template-columns:1fr 1fr;gap:20px;padding:20px 16px 8px}.grid-3{grid-template-columns:1fr 1fr}.mascot-card{min-height:320px}}@media(max-width:820px){.hero,.grid-3,.grid-4{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat{padding:10px 8px;border-radius:16px}.stat b{font-size:20px}.stat span{font-size:11px}.mascot-card{min-height:240px}.nav-links .hide-sm,.nav-full{display:none}.nav-short{display:inline}.brand{font-size:18px}.brand-mark{width:36px;height:36px;border-radius:12px}.section{padding:28px 16px}.form .btn,.login-card .btn{width:100%}.choice{flex:1 1 calc(50% - 8px)}}@media(max-width:560px){.grid-2{grid-template-columns:1fr 1fr;gap:10px}.kid-home .card{padding:14px 12px;border-radius:20px}.login-card{margin:18px auto}.blob.a,.blob.b{opacity:.32}}@media(max-width:380px){.stats,.grid-2{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:560px){.e-stage{height:min(110px,28dvh)}.dir-pad{gap:6px;grid-template-columns:repeat(3,min(16vh,64px))}.e-opt{width:min(16vh,64px);height:min(16vh,64px);min-width:48px;min-height:48px;font-size:20px;border-radius:16px}.game-hud{padding:6px 10px}.login-card{margin:12px auto}}@media(pointer:coarse){.nav-links a,.choice,.btn{min-height:44px}}