*{box-sizing:border-box}html,body,#app{color:#edf2f4;background:#09111f;width:100%;height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}.ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a149e;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:16px;padding:10px 14px;font-weight:800;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}.hud span{text-align:center;min-width:64px}.panel{pointer-events:auto;text-align:center;background:linear-gradient(#0f172af0,#14112af0);border:1px solid #fff3;border-radius:24px;width:min(560px,100vw - 28px);padding:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000008c}.panel.hidden{display:none}h1{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(34px,8vw,60px);line-height:.95}p{color:#cbd5e1;line-height:1.5}.daily{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;display:flex}.daily span{color:#dffcff;background:#46f0ff14;border:1px solid #46f0ff4d;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.small{color:#94a3b8;font-size:14px}button{color:#06111f;cursor:pointer;background:#46f0ff;border:0;border-radius:14px;min-height:44px;margin:6px;padding:12px 16px;font-weight:900;box-shadow:0 8px #178394}button:hover,button:focus{filter:brightness(1.12);outline-offset:2px;outline:3px solid #fff}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.row{flex-wrap:wrap;justify-content:center;display:flex}.row button{color:#edf2f4;background:#1f2937;box-shadow:0 6px #0f172a}.skins{flex-wrap:wrap;justify-content:center;margin-top:8px;display:flex}.skins button{background:var(--skin);font-size:13px;box-shadow:0 5px #00000059}@media (max-width:520px){.hud{gap:5px;width:calc(100vw - 16px);padding:8px;font-size:13px;top:8px}.hud span{flex:1;min-width:0}.panel{overscroll-behavior:contain;max-height:calc(100vh - 12px);padding:18px;overflow-y:auto}button{width:100%;margin:5px 0}.skins button,.row button{width:48%;margin:4px}}@media (max-width:380px) and (max-height:680px){.panel{padding:12px}.panel h1{font-size:32px}.panel p{margin:7px 0;line-height:1.3}.daily{gap:4px;margin:7px 0}.daily span{padding:5px 7px;font-size:12px}button{min-height:42px;margin:3px 0;padding:9px 12px}.skins{margin-top:4px}.skins button,.row button{margin:3px}.small{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}