*{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:WJ Inter,Inter,system-ui,-apple-system,Segoe UI,sans-serif}canvas{display:block}.panel{-webkit-backdrop-filter:blur(16px)saturate(1.5);text-align:center;color:#fff;pointer-events:none;background:linear-gradient(#141c309e,#080c18b8);border:1px solid #ffffff38;border-radius:26px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px 20px 18px;animation:.35s cubic-bezier(.2,.9,.3,1.2) rise;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff40,0 24px 60px #0006}@keyframes rise{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))scale(.97)}}.panel.ready{top:auto;bottom:max(28px, env(safe-area-inset-bottom));animation:none;transform:translate(-50%)}.panel button,.panel a{pointer-events:auto}.panel h1{letter-spacing:-.03em;background:linear-gradient(#fff 30%,#bfdcff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:2px 0 10px;font-size:clamp(30px,9vw,40px);font-weight:900;line-height:1}.panel p{margin:4px 0}.hidden{display:none}.kicker{letter-spacing:.22em;text-transform:uppercase;color:#fff9;font-size:11px;font-weight:800}.cta{color:#101827;background:#fff;border-radius:999px;padding:10px 26px;font-size:16px;font-weight:800;animation:1.6s ease-in-out infinite pulse;display:inline-block;margin:4px 0 8px!important}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 8px #ffffff1f}}.muted{color:#ffffffad}.small{font-size:13px}.score{letter-spacing:-.04em;font-size:76px;font-weight:900;line-height:1}.best{color:#fffc;font-size:14px;font-weight:800}.best.new{color:#ffd66b}.chapters{justify-content:center;gap:6px;margin:14px 0 6px;padding:0;list-style:none;display:flex}.chapters li{background:#ffffff2e;border-radius:3px;width:22px;height:6px}.chapters li.reached{background:linear-gradient(90deg,#fff,#bfdcff)}.chapters li.now{background:#ffd66b;box-shadow:0 0 10px #ffd66bb3}.charms{grid-template-columns:repeat(4,38px);justify-content:center;gap:6px;margin:14px 0 6px;display:grid}.charm{filter:grayscale()brightness(.55);opacity:.45;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;width:38px;height:38px}.charm.found{filter:none;opacity:1;background:radial-gradient(circle at 35% 30%,#ffffff59,#ffffff14);border-color:#ffffff59}.charm.fresh{border-color:#ffd66b;box-shadow:0 0 12px #ffd66b99}.actions{gap:10px;margin-top:16px;display:flex}.actions button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff6;border-radius:999px;flex:1;padding:13px;font:800 16px WJ Inter,system-ui,-apple-system,Segoe UI,sans-serif}.actions button.primary{color:#101827;background:#fff;border-color:#fff}.mute{top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;cursor:pointer;background:#0a101e59;border:1px solid #ffffff73;border-radius:999px;padding:7px 12px;font:700 12px system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;right:12px}.modes{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;gap:2px;margin-top:12px;padding:3px;display:inline-flex}.modes button{color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 18px;font:800 13px WJ Inter,system-ui,-apple-system,Segoe UI,sans-serif}.modes button[aria-checked=true]{color:#101827;background:#fff}