:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07130f;--ink:#fff7dd;--muted:#b4c5b7;--red:#ff5f4a;--gold:#f7d36b;--mint:#5fffc2;--blue:#68d8ff;--panel:#0a1913d1;--line:#fff7dd29;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 18% 4%,#5fffc229,#0000 22rem),radial-gradient(circle at 90% 0,#ff5f4a2e,#0000 20rem),#07130f;width:100%;height:100%;margin:0;overflow:hidden}#app{justify-content:center;display:flex}.game{background:#07130fb8;grid-template-rows:auto 1fr;width:min(100vw,480px);max-width:480px;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff7dd14,0 24px 80px #00000052}.top{z-index:3;padding:calc(12px + env(safe-area-inset-top)) 12px 8px;justify-content:space-between;gap:10px;display:flex;position:relative}.brand{align-items:center;gap:10px;min-width:0;display:flex}.logo{background:linear-gradient(135deg,var(--red),var(--gold));color:#07130f;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:1000;display:grid;box-shadow:0 12px 30px #00000047}h1{letter-spacing:-.07em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:.86}.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:52vw;font-size:11px;overflow:hidden}.stats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pill{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:58px;color:var(--muted);background:#07130fbd;border-radius:15px;padding:6px 8px;font-size:10px}.pill b{color:var(--ink);font-size:16px;display:block}.stage{border-top:1px solid #fff7dd14;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hud{z-index:5;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;gap:8px;display:grid;position:absolute}.timer{background:#fff7dd1a;border:1px solid #fff7dd1a;border-radius:999px;height:8px;overflow:hidden}.timer i{transform-origin:0;background:linear-gradient(90deg,var(--mint),var(--gold),var(--red));width:100%;height:100%;display:block;box-shadow:0 0 22px #5fffc259}.legend{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.legend span{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07130fb8;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:1000}.legend .good{color:var(--mint);border-color:#5fffc261}.legend .bonus{color:var(--gold);border-color:#f7d36b61}.legend .bad{color:#ff8a7b;border-color:#ff5f4a73}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 20px 60px #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(--mint),var(--gold));color:#07130f;white-space:nowrap;border:0;border-radius:999px;padding:12px 14px;font-weight:1000;box-shadow:0 12px 28px #0000003d}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:#fff7dd1a}.overlay{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#07130f94,#07130fed);place-items:center;padding:18px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}.modal{border:1px solid var(--line);background:linear-gradient(#12291ff7,#07130ff7);border-radius:28px;width:min(460px,100%);padding:22px;box-shadow:0 24px 80px #00000075}.modal h2{letter-spacing:-.075em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:44px;line-height:.84}.modal p{color:#c6d5c9;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(--gold);font-size:18px;display:block}.goodcard{background:#5fffc214;border-color:#5fffc273}.bonuscard{background:#f7d36b14;border-color:#f7d36b73}.badcard{background:#ff5f4a14;border-color:#ff5f4a73}.text-good{color:var(--mint)}.text-bonus{color:var(--gold)}.text-bad{color:#ff8a7b}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toast{z-index:8;border:1px solid var(--line);pointer-events:none;background:#07130fe6;border-radius:999px;padding:13px 17px;font-weight:1000;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 50px #0000005c}.leader{gap:6px;margin:10px 0;display:grid}.row{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;justify-content:space-between;padding:8px 10px;font-size:13px;display:flex}.name{gap:8px;margin-top:10px;display:flex}.name input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#ffffff14;border-radius:999px;flex:1;padding:12px 14px}.swipe{z-index:5;color:#fff7dd6b;pointer-events:none;font-size:11px;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}@media (min-width:720px){.top{padding-left:18px;padding-right:18px}.hud{bottom:24px;left:18px;right:18px}.sub{max-width:250px}.modal h2{font-size:50px}}@media (prefers-reduced-motion:no-preference){.btn{transition:transform .14s}.btn:active{transform:scale(.96)}}