:root{--ink: #3a4a5c;--card: #fffdf6;--accent: #ff8d75;--gold: #ffd34e;--mint: #6fd6a8;--sky: #76c7e8;--berry: #c08ae0;--pink: #ff8fb3;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;color:var(--ink)}.hud *{pointer-events:auto}.hud-top{position:absolute;top:calc(8px + var(--safe-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hud-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#fffdf6eb;border-radius:999px;padding:8px 14px;font-size:17px;font-weight:600;box-shadow:0 3px 10px #283c5a2e;display:flex;align-items:center;gap:7px;border:none;font-family:inherit;color:var(--ink)}.pill.bump{animation:bump .4s ease}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.energy-wrap{display:flex;align-items:center;gap:6px}.energy-bar{width:86px;height:12px;border-radius:999px;background:#e3e8ee;overflow:hidden}.energy-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),#ffb84e);transition:width .4s}.energy-low .energy-fill{background:#c9d2dc}.energy-low{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.05)}}.hud-btns{display:flex;gap:8px}.round-btn{width:48px;height:48px;border-radius:50%;border:none;font-size:22px;background:#fffdf6eb;box-shadow:0 3px 10px #283c5a2e;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;color:var(--ink);text-decoration:none}.round-btn:active{transform:scale(.92)}.prompt-btn{position:absolute;left:50%;transform:translate(-50%);bottom:calc(18px + var(--safe-bottom));background:linear-gradient(180deg,#ffe28a,var(--gold));color:#5c4a12;border:none;border-radius:999px;padding:14px 26px;font-size:20px;font-weight:700;font-family:inherit;box-shadow:0 6px 18px #b48c1466;cursor:pointer;animation:float 1.8s ease-in-out infinite}.prompt-btn:active{transform:translate(-50%) scale(.95)}@keyframes float{50%{transform:translate(-50%) translateY(-5px)}}@media(prefers-reduced-motion:reduce){.prompt-btn,.energy-low,.pill.bump{animation:none}}.hint{position:absolute;left:50%;transform:translate(-50%);top:calc(66px + var(--safe-top));background:#fffdf6f2;border-radius:16px;padding:10px 18px;font-size:16px;box-shadow:0 3px 10px #283c5a2e;max-width:88vw;text-align:center}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#2e506e73;backdrop-filter:blur(3px);padding:12px;padding-top:calc(12px + var(--safe-top));padding-bottom:calc(12px + var(--safe-bottom))}.card{background:var(--card);border-radius:26px;width:min(720px,100%);max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px;box-shadow:0 18px 50px #14284659;display:flex;flex-direction:column;gap:14px;color:var(--ink)}.card h2{margin:0;font-size:26px;display:flex;align-items:center;gap:10px}.card h2 .spacer{flex:1}.card p{margin:0;font-size:18px;font-family:Quicksand,sans-serif;font-weight:600}.close-x{border:none;background:#f0e9da;color:var(--ink);width:42px;height:42px;border-radius:50%;font-size:19px;cursor:pointer;font-family:inherit;flex-shrink:0}.big-btn{border:none;border-radius:18px;padding:16px 22px;font-size:20px;font-weight:700;font-family:inherit;cursor:pointer;color:#fff;background:linear-gradient(180deg,#ffa38d,var(--accent));box-shadow:0 5px #c85a3c73;transition:transform .1s}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #c85a3c73}.big-btn.gold{background:linear-gradient(180deg,#ffe28a,var(--gold));color:#5c4a12;box-shadow:0 5px #be961e80}.big-btn.mint{background:linear-gradient(180deg,#93e6c1,var(--mint));color:#114d33;box-shadow:0 5px #288c5f73}.big-btn.sky{background:linear-gradient(180deg,#9fdaf2,var(--sky));color:#143c52;box-shadow:0 5px #3c82aa73}.big-btn:disabled{opacity:.45;box-shadow:none;transform:none;cursor:default}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.topic-card{border:3px solid #eadfc8;background:#fff;border-radius:20px;padding:16px 12px;font-size:18px;font-weight:700;font-family:inherit;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.topic-card .big-emoji{font-size:40px}.topic-card:active{transform:scale(.96)}.tile-zone{display:flex;flex-direction:column;gap:8px;min-height:60px;background:#f4eedd;border-radius:16px;padding:12px}.tile-zone.tray{background:#e9f4ee}.zone-label{font-size:14px;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.5px}.tile{border:none;border-radius:14px;padding:12px 16px;font-size:17px;font-weight:600;font-family:Quicksand,sans-serif;text-align:left;cursor:pointer;color:var(--ink);background:#fff;box-shadow:0 3px 8px #283c5a1f;display:flex;gap:10px;align-items:center}.tile:active{transform:scale(.97)}.tile .num{background:var(--gold);color:#5c4a12;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-family:Fredoka}.tile.in-speech{background:#fff8e3}.audience-row{display:flex;justify-content:center;gap:18px;font-size:44px}.audience-row .cheer{animation:cheer .7s ease infinite alternate}@keyframes cheer{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.audience-row .cheer{animation:none}}.stars-row{font-size:34px;text-align:center;letter-spacing:4px}.feedback{background:#eef7ee;border-radius:16px;padding:14px;font-size:18px;text-align:center;font-weight:600}.math-q{font-size:44px;text-align:center;font-weight:700}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-btn{border:none;border-radius:18px;padding:20px;font-size:30px;font-weight:700;font-family:inherit;background:#fff;color:var(--ink);box-shadow:0 4px #e3d9c2;cursor:pointer}.answer-btn:active{transform:translateY(3px);box-shadow:0 1px #e3d9c2}.answer-btn.right{background:var(--mint);color:#114d33}.answer-btn.wrong{background:#f6e3e0}.chart-row{display:flex;justify-content:center;gap:18px;align-items:flex-end;min-height:230px}.chart-col{display:flex;flex-direction:column;align-items:center;gap:6px}.chart-stack{display:flex;flex-direction:column-reverse;gap:3px;min-height:170px;justify-content:flex-start;background:#f4eedd;border-radius:14px 14px 4px 4px;padding:8px 10px;width:76px;align-items:center}.chart-stack .item{font-size:26px;line-height:1.15;animation:drop-in .3s ease}@keyframes drop-in{0%{transform:translateY(-14px);opacity:0}}.chart-base{font-size:30px}.chart-count{font-size:20px;font-weight:700}.arcade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.arcade-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;background:#fff;border-radius:18px;padding:14px 8px;color:var(--ink);font-weight:700;font-size:15px;box-shadow:0 3px 8px #283c5a1f;text-align:center}.arcade-link .big-emoji{font-size:34px}.arcade-link:active{transform:scale(.96)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.badge{background:#fff;border-radius:16px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:4px;box-shadow:0 3px 8px #283c5a1a}.badge .big-emoji{font-size:32px}.badge .name{font-size:13px;font-weight:700}.badge .val{font-size:18px;font-weight:700;color:#b8860b}.badge.locked{opacity:.4;filter:grayscale(1)}.recap{background:#fff8e3;border-radius:18px;padding:16px;font-size:19px;line-height:1.55;font-family:Quicksand,sans-serif;font-weight:700}.shop-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 3px 8px #283c5a1a}.shop-item .big-emoji{font-size:32px}.shop-item .grow{flex:1}.shop-item .title{font-weight:700;font-size:17px}.shop-item .sub{font-size:14px;opacity:.7;font-family:Quicksand}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:46px;height:46px;border-radius:50%;border:4px solid transparent;cursor:pointer}.swatch.active{border-color:var(--ink)}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.center{text-align:center}.welcome-steps{display:flex;flex-direction:column;gap:10px}.welcome-steps .step{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:600;font-family:Quicksand}.welcome-steps .step .big-emoji{font-size:30px;width:40px;text-align:center}.build-wrap{position:relative;height:300px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#bfe8f4,#e8f6d8);touch-action:none}.parts-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.part-btn{border:none;border-radius:14px;padding:10px 12px;font-size:16px;font-weight:700;font-family:inherit;background:#fff;color:var(--ink);box-shadow:0 3px 8px #283c5a1f;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.part-btn .big-emoji{font-size:26px}.part-btn:disabled{opacity:.35}.part-btn.placed{background:#e2f5ea}@media(max-width:480px){.card{padding:16px;border-radius:20px}.card h2{font-size:21px}.math-q{font-size:36px}.pill{font-size:15px;padding:7px 11px}.energy-bar{width:60px}.round-btn{width:44px;height:44px;font-size:20px}.build-wrap{height:240px}}