:root{--ink: #1d2440;--card: rgba(255, 255, 255, .95);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe6ff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) 16px 16px;display:flex;flex-direction:column;color:#fff}.hud-top{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:14px}.sound{pointer-events:auto;border:0;cursor:pointer;width:42px;height:42px;border-radius:999px;font-size:19px;line-height:1;background:#1d24406b;backdrop-filter:blur(8px)}.chip{justify-self:start;display:flex;flex-direction:column;line-height:1;padding:8px 16px;border-radius:18px;background:#1d24406b;backdrop-filter:blur(8px)}.chip-r{justify-self:end;align-items:flex-end}.chip span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.chip b{font-size:clamp(22px,5.5vw,34px);font-weight:900;font-variant-numeric:tabular-nums}.time{width:min(42vw,260px);height:14px;border-radius:99px;background:#1d244059;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff80}.time i{display:block;height:100%;background:#ffd34d;transition:width .12s linear}.time i.low{background:#ff7a5c}.flash{position:absolute;left:0;right:0;top:24%;text-align:center;font-size:clamp(32px,9vw,72px);font-weight:900;opacity:0;text-shadow:0 4px 0 rgba(29,36,64,.45)}.flash.show{animation:pop .7s ease-out}.flash.good{color:#b9ffd4}.flash.bad{color:#ffc7bd}.flash.meh{color:#ffe9b8}.flash.count{color:#fff;font-size:clamp(70px,20vw,150px)}@keyframes pop{0%{opacity:0;transform:scale(.6) rotate(-4deg)}22%{opacity:1;transform:scale(1.14) rotate(2deg)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.screen{pointer-events:auto;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#1d244066;backdrop-filter:blur(5px);overflow-y:auto}.screen.hidden{display:none}.card{background:var(--card);color:var(--ink);border-radius:28px;padding:28px 26px 26px;width:min(460px,92vw);text-align:center;box-shadow:0 18px 44px #1d244047}.card h1{font-size:clamp(38px,10vw,60px);margin:0;font-weight:900;letter-spacing:-.03em}.card h2{font-size:clamp(26px,7vw,40px);margin:0;font-weight:900}.card h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin:20px 0 8px;text-align:left}.tag{font-size:clamp(14px,3.8vw,17px);opacity:.7;margin:8px 0 4px}.howto{font-size:12px;opacity:.55;margin:12px 0 0}.mood{font-size:clamp(17px,4.5vw,22px);font-weight:800;margin:8px 0 16px;color:#e8a92b}.cta{margin-top:16px;border:0;border-radius:999px;padding:16px 42px;font:inherit;font-size:clamp(17px,4.6vw,22px);font-weight:900;color:var(--ink);background:#ffd34d;box-shadow:0 6px #d9a92c;cursor:pointer}.cta:active{transform:translateY(4px);box-shadow:0 2px #d9a92c}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid div{background:#f1f4fa;border-radius:16px;padding:12px 8px}.grid b{display:block;font-size:clamp(20px,5.5vw,28px);font-weight:900;font-variant-numeric:tabular-nums}.grid span{font-size:11px;opacity:.6}.hero-stat{background:#fff4d4!important;box-shadow:inset 0 0 0 2px #ffd34d}.recap{list-style:none;padding:0;margin:0}.recap li{display:grid;grid-template-columns:minmax(0,1fr) 44px 48px auto;align-items:center;gap:8px;padding:8px 0;font-size:13px;text-align:left;border-top:1px solid #eef1f6}.recap .rk{font-weight:600}.recap i{display:block;height:8px;border-radius:99px;background:#e8ecf3;position:relative;overflow:hidden}.recap i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:#46c97a}.recap em{font-style:normal;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.recap u{text-decoration:none;white-space:nowrap;justify-self:end;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:4px 6px;border-radius:99px}.recap u.ok{background:#dcf7e6;color:#1b7a44}.recap u.mid{background:#fff1d6;color:#9a6a12}.recap u.slow{background:#ffe2de;color:#a53527}@media(max-width:520px){.recap li{grid-template-columns:1fr 52px auto;row-gap:4px}.recap .rk{grid-column:1 / -1}}@media(max-width:600px){.hud-top{gap:8px}.chip{padding:6px 10px}.time{width:min(26vw,160px)}.sound{width:36px;height:36px;font-size:16px}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-4%;width:12px;height:8px;border-radius:2px;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(-4vh) rotate(0);opacity:1}to{transform:translateY(108vh) rotate(600deg);opacity:.7}}.path-card{max-height:86vh;display:flex;flex-direction:column}.path-card h3{text-align:center}.cta-small{padding:10px 26px;font-size:15px;margin-top:4px}.path{overflow-y:auto;margin-top:6px;padding:6px 0 14px;flex:1;min-height:200px}.unit-banner small{display:block;font-weight:600;font-size:10px;opacity:.85;margin-top:1px}.unit-banner{margin:14px auto 10px;width:fit-content;background:#4f8ef7;color:#fff;font-weight:800;font-size:13px;padding:8px 18px;border-radius:12px;box-shadow:0 3px #2f6fd0}.node-row{display:flex;justify-content:center}.node{border:0;cursor:pointer;width:68px;height:68px;border-radius:999px;margin:7px 0;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#46c97a;box-shadow:0 5px #2f9c58,inset 0 -4px #00000014;color:#fff;transition:transform .1s}.node:active{transform:translateY(3px);box-shadow:0 2px #2f9c58}.node b{font-size:22px;font-weight:900;line-height:1}.node i{font-style:normal;font-size:11px;color:#ffe9b0;letter-spacing:1px;margin-top:2px}.node-l{transform:translate(-56px)}.node-r{transform:translate(56px)}.node-l:active{transform:translate(-56px) translateY(3px)}.node-r:active{transform:translate(56px) translateY(3px)}.node.lock{background:#cfd5df;box-shadow:0 5px #aab1bd;cursor:not-allowed}.node.chest{background:#ffb02e;box-shadow:0 5px #d98c14,inset 0 -4px #00000014}.node.chest.lock{background:#cfd5df;box-shadow:0 5px #aab1bd}.node.frontier{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18);transform:scale(1.07)}}.node-l.frontier,.node-r.frontier,.node-c.frontier{animation:none;filter:brightness(1.1);outline:4px solid #ffe08f}.big-stars{font-size:clamp(34px,9vw,52px);letter-spacing:6px;color:#ffc61e;text-shadow:0 2px 0 rgba(0,0,0,.12);margin-bottom:2px}.chest-banner{background:linear-gradient(135deg,#ffb02e,#ffd34d);color:#5c3d00;font-weight:900;font-size:clamp(15px,4vw,19px);padding:12px 18px;border-radius:14px;margin-bottom:10px;box-shadow:0 4px #d98c14;animation:pop .7s ease-out forwards;opacity:1!important}