:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10140d;--panel:#182014;--ink:#f7f2dd;--muted:#aebaa1;--lime:#d9ff5e;--amber:#ffb044;--orange:#ff7648;--blue:#69d7ff;--line:#f7f2dd29;background:var(--bg);color:var(--ink);font-family:Avenir Next,ui-rounded,Hiragino Maru Gothic ProN,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{touch-action:none;background:radial-gradient(circle at 20% 0,#d9ff5e24,#0000 22rem),radial-gradient(circle at 85% 10%,#ffb04421,#0000 20rem),#10140d;width:100%;height:100%;margin:0;overflow:hidden}.game{background:linear-gradient(#ffffff08,#0000 35%);grid-template-rows:auto 1fr;width:100%;height:100%;display:grid;position:relative}.top{z-index:3;padding:calc(12px + env(safe-area-inset-top)) 12px 8px;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.brand{align-items:center;gap:10px;min-width:0;display:flex}.logo{background:linear-gradient(135deg,var(--lime),var(--amber));color:#10140d;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:1000;display:grid;box-shadow:0 12px 28px #00000047}h1{letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:.9}.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:54vw;font-size:11px;overflow:hidden}.stats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:58px;color:var(--muted);text-align:center;background:#182014c7;border-radius:15px;padding:6px 8px;font-size:10px}.pill b{color:var(--ink);font-size:15px;display:block}.stage{border-top:1px solid #f7f2dd14;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hud{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:4;pointer-events:none;gap:8px;display:grid;position:absolute}.timer{background:#f7f2dd1f;border:1px solid #f7f2dd1a;border-radius:999px;height:8px;overflow:hidden}.timer i{transform-origin:0;background:linear-gradient(90deg,var(--lime),var(--amber),var(--orange));width:100%;height:100%;display:block;box-shadow:0 0 18px #d9ff5e59}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f140dbd;border-radius:22px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 18px 44px #00000047}.tip{color:var(--muted);font-size:12px;line-height:1.25}.tip b{color:var(--ink)}.btn{pointer-events:auto;background:linear-gradient(135deg,var(--lime),var(--amber));color:#10140d;white-space:nowrap;border:0;border-radius:999px;padding:12px 14px;font-weight:1000;box-shadow:0 12px 26px #0000003d}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:#f7f2dd1f}.overlay{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#10140d99,#10140deb);place-items:center;padding:18px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal{border:1px solid var(--line);background:linear-gradient(#1f2b18f5,#0f140df5);border-radius:28px;width:min(440px,100%);padding:22px;box-shadow:0 24px 80px #00000073}.modal h2{letter-spacing:-.07em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:.86}.modal p{color:#c4ceb9;line-height:1.45}.cards{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.card{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:17px;padding:10px;font-size:11px}.card b{color:var(--lime);font-size:18px;display:block}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toast{z-index:7;border:1px solid var(--line);pointer-events:none;background:#10140de6;border-radius:999px;padding:14px 18px;font-weight:1000;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 50px #00000059}.hidden{display:none!important}.joystick{z-index:5;pointer-events:none;background:#f7f2dd0f;border:1px solid #f7f2dd24;border-radius:999px;width:94px;height:94px;position:absolute;bottom:120px;left:24px}.knob{background:#d9ff5ed9;border-radius:999px;width:34px;height:34px;position:absolute;top:29px;left:29px;box-shadow:0 0 22px #d9ff5e5c}@media (min-width:720px){.top{padding-left:24px;padding-right:24px}.hud{bottom:24px;left:24px;right:24px}.sub{max-width:none}.modal h2{font-size:52px}.joystick{display:none}}@media (prefers-reduced-motion:no-preference){.btn{transition:transform .15s}.btn:active{transform:scale(.96)}}