:root{--sky:#EAF6F1;--card:#fff;--ink:#1F3324;--soft:#5E7466;--line:#D6E5DA;--faint:#F1F7F3;--leaf:#3FA35B;--leaf-dark:#2C7D45;--sun:#FFC83D;--sun-ink:#5A3E00;--berry:#E2557A;--blue:#5CB0E6;--purple:#B87BE0;--ok:#2E9E5B;--ok-soft:#DDF3E4;--bad:#E0483F;--bad-soft:#FBE1DE;--shadow:0 2px 0 rgba(31,51,36,.06),0 10px 24px rgba(31,51,36,.08)}@media(prefers-color-scheme:dark){:root{--sky:#0F1A14;--card:#18251C;--ink:#EAF3EC;--soft:#9DB5A4;--line:#2A3B2F;--faint:#1F2E24;--leaf:#5CC27A;--leaf-dark:#3E9A5A;--sun:#FFD25C;--sun-ink:#3A2800;--ok:#4DBB78;--ok-soft:#1C3826;--bad:#F26A60;--bad-soft:#3E1F1C;--shadow:0 2px 0 rgba(0,0,0,.3),0 10px 24px rgba(0,0,0,.4)}}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--sky)}body{margin:0;background:var(--sky);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:16px;line-height:1.45;padding-inline:14px;padding-block:12px calc(20px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}#app{max-width:600px;margin:0 auto}h1,h2,h3{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;margin:0;line-height:1.1;text-wrap:balance}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{margin:.4em 0}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--soft);font-weight:900}.tiny{font-size:.85rem;color:var(--soft)}.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{border:0;background:var(--leaf);color:#fff;padding:12px 18px;border-radius:12px;font:inherit;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 3px 0 var(--leaf-dark);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--leaf-dark)}.btn.ghost{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:none}.btn.sun{background:var(--sun);color:var(--sun-ink);box-shadow:0 3px #d9a420}.btn.berry{background:var(--berry);box-shadow:0 3px #b0325a}.btn.small{padding:8px 12px;font-size:.9rem;border-radius:10px}.btn.big{width:100%;padding:16px;font-size:1.15rem}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--sun);outline-offset:2px}input.txt,select.txt,textarea.txt{width:100%;font:inherit;font-size:1rem;padding:10px 12px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}input.answer{width:100%;font-family:JetBrains Mono,monospace;font-size:1.7rem;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:center}textarea.work{width:100%;min-height:72px;resize:vertical;border:2px solid var(--line);border-radius:10px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:24px;color:var(--ink);background-color:var(--card);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;background-position:0 6px}label{display:block;margin-top:10px;font-weight:700;font-size:.9rem}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:900;background:var(--faint);color:var(--soft)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--sun);color:var(--sun-ink)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#e0a800);display:inline-block;box-shadow:inset 0 0 0 2px #0000001f;vertical-align:-2px}.bulb{display:inline-block;width:14px;height:14px;background:var(--sun);clip-path:polygon(50% 0,63% 38%,100% 38%,70% 60%,82% 100%,50% 75%,18% 100%,30% 60%,0 38%,37% 38%);vertical-align:-2px}.toast{position:fixed;left:50%;top:14px;transform:translate(-50%) translateY(-20px);background:var(--ink);color:var(--sky);padding:10px 16px;border-radius:12px;font-weight:900;z-index:50;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;max-width:92vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.brand{font-family:"Baloo 2";font-weight:800;font-size:1.3rem;display:flex;align-items:center;gap:8px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:"Baloo 2";font-weight:800;color:#fff;flex:none}.menu{display:grid;gap:10px;margin-top:12px}.menu .btn{justify-content:flex-start;text-align:left;padding:14px 16px}.menu .btn small{display:block;font-weight:400;opacity:.85;font-size:.8rem}.xp{height:12px;background:var(--faint);border-radius:6px;overflow:hidden;border:1px solid var(--line)}.xp i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf),var(--blue));transition:width .5s}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.stats div{background:var(--faint);border-radius:12px;padding:8px;text-align:center}.stats b{display:block;font-family:"Baloo 2";font-size:1.3rem}.stats span{font-size:.7rem;color:var(--soft)}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:260px;margin:12px auto 0}.pinpad button{font:inherit;font-size:1.4rem;font-weight:900;padding:14px;border-radius:12px;border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.dots{display:flex;gap:10px;justify-content:center;margin-top:8px}.dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.dots i.on{background:var(--leaf);border-color:var(--leaf)}.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}.pcard{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;font:inherit;color:var(--ink)}.pcard[aria-pressed=true]{border-color:var(--leaf);background:var(--ok-soft)}.pcard .avatar{margin:0 auto 6px;width:48px;height:48px}.pcard b{display:block}.pcard span{font-size:.75rem;color:var(--soft)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border:2px solid var(--line);background:transparent;color:var(--ink);padding:6px 12px;border-radius:999px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}.chip[aria-pressed=true]{background:var(--leaf);border-color:var(--leaf);color:#fff}.hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:10px}.hp{background:var(--card);border-radius:12px;padding:8px 10px;border:2px solid transparent;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow)}.hp.active{border-color:var(--sun)}.hp .avatar{width:32px;height:32px;font-size:.9rem}.hp b{display:block;font-size:.9rem;line-height:1.1}.hp .tiny{white-space:nowrap}.hp .fx{font-size:.75rem}.board{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:6px;position:relative}.board svg{display:block;width:100%;height:auto}.board .tile{stroke:#00000026;stroke-width:.6}.board .token{transition:transform .45s cubic-bezier(.34,1.4,.64,1)}.board .center{font-family:"Baloo 2";font-weight:800;fill:var(--ink)}.panel{margin-top:12px}.timer{height:8px;background:var(--faint);border-radius:4px;overflow:hidden;margin-top:8px}.timer i{display:block;height:100%;background:var(--sun);transition:width .25s linear}.timer.low i{background:var(--bad)}.timer.soft i{background:var(--line)}.dice-btn{margin:14px auto 0;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:var(--sun);color:var(--sun-ink);padding:16px 28px;border-radius:20px;font:inherit;font-weight:900;font-size:1.1rem;cursor:pointer;box-shadow:0 4px #d9a420}.dice-btn:active{transform:translateY(3px);box-shadow:0 1px #d9a420}.dice-btn .die svg{display:block}@media(prefers-reduced-motion:no-preference){.dice-btn.rolling .die{animation:tumble .9s ease-out}}@keyframes tumble{0%{transform:rotate(0) scale(1)}50%{transform:rotate(200deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}.topicbar{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:6px 0}.topicbar .bar{grid-column:1/-1;height:8px;background:var(--faint);border-radius:4px;overflow:hidden}.topicbar .bar i{display:block;height:100%}.topicbar.weak b{color:var(--bad)}.q{font-size:2.2rem;text-align:center;margin:10px 0 4px;font-weight:700}.fb{margin-top:10px;padding:10px 14px;border-radius:10px;font-weight:700}.fb.ok{background:var(--ok-soft);border-left:5px solid var(--ok)}.fb.no{background:var(--bad-soft);border-left:5px solid var(--bad)}.fb.hint{background:var(--faint);border-left:5px solid var(--sun);font-weight:400}.powers{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.power{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.power:disabled{opacity:.5}.result{text-align:center;padding:10px 0}.result h2{font-size:1.6rem}.mg{display:grid;gap:8px}.mgp{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.mgp .bar{height:8px;background:var(--faint);border-radius:4px;overflow:hidden}.mgp .bar i{display:block;height:100%}.rank{display:grid;gap:8px;margin-top:10px}.rank .r{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;background:var(--faint);border-radius:12px;padding:10px}.rank .r.win{background:var(--sun);color:var(--sun-ink)}.rank .n{font-family:"Baloo 2";font-size:1.4rem;font-weight:800}.log{max-height:120px;overflow:auto;font-size:.8rem;color:var(--soft);margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.handoff{background:var(--ink);color:var(--sky);border-radius:16px;padding:20px;text-align:center}.reward{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px dashed var(--line)}.reward:first-child{border-top:0}.reward .ic{width:44px;height:44px;border-radius:12px;background:var(--faint);display:grid;place-items:center;font-size:1.4rem}.reward b{display:block}.skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:8px}.skin{border:2px solid var(--line);border-radius:12px;padding:8px 4px;text-align:center;background:var(--card);cursor:pointer;font:inherit;color:var(--ink);font-size:.75rem}.skin[aria-pressed=true]{border-color:var(--leaf);background:var(--ok-soft)}.skin:disabled{opacity:.4}.skin svg{width:40px;height:40px;display:block;margin:0 auto 4px}.swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer}.swatch[aria-pressed=true]{border-color:var(--ink)}@media(prefers-reduced-motion:no-preference){.fb{animation:pop .18s ease-out}.bump{animation:bump .4s}}@keyframes pop{0%{transform:translateY(4px);opacity:0}to{transform:none;opacity:1}}@keyframes bump{50%{transform:scale(1.15)}}.rollchip{display:flex;align-items:center;gap:10px;background:var(--faint);border-radius:12px;padding:6px 10px;margin-bottom:10px;font-size:.9rem}.rollchip svg{flex:none}