:root{--ink:#070a14;--ink-2:#0d1224;--mist:#e2ecffb8;--mist-dim:#c4d2f07a;--gold:#f5c86b;--gold-deep:#c9963c;--teal:#46d6c4;--violet:#9d8cff;--amber:#ffab5e;--card-bg:#0b1020db;--line:#f5c86b38;--font-cn:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;--font-en:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--mist);font-family:var(--font-cn);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:5;pointer-events:none;position:fixed}.hud button{pointer-events:auto}.hud-top{top:max(18px, env(safe-area-inset-top));text-align:center;left:0;right:0}.title-cn{letter-spacing:.34em;text-indent:.34em;color:#f3f6ff;text-shadow:0 0 22px #5a8cff73,0 2px 10px #000c;font-size:clamp(20px,4.6vw,30px);font-weight:600;display:block}.title-sub{font-family:var(--font-en);letter-spacing:.42em;text-indent:.42em;color:var(--mist-dim);margin-top:5px;font-size:9px;display:block}.tagline{letter-spacing:.18em;color:#f5c86b9e;margin:10px 0 0;font-size:12px}.hud-corner{top:max(18px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:8px;display:flex}.chip{font-family:var(--font-cn);letter-spacing:.1em;color:var(--gold);border:1px solid var(--line);cursor:pointer;background:#f5c86b14;border-radius:999px;padding:6px 11px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.chip:hover{background:#f5c86b29}.chip[aria-pressed=true]{color:#0a0d1a;background:var(--gold);border-color:var(--gold)}.chip-ghost{color:var(--mist-dim);cursor:default;font-family:var(--font-en);background:#ffffff08;border-color:#ffffff14;font-size:10px}.hud-bottom{padding:0 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex;bottom:0;left:0;right:0}.charge-wrap{flex-direction:column;align-items:center;gap:6px;min-height:30px;display:flex}.charge-bar{opacity:.5;background:#ffffff17;border-radius:999px;width:min(46vw,220px);height:4px;transition:opacity .25s;overflow:hidden}.charge-bar i{background:linear-gradient(90deg, var(--teal), var(--gold) 62%, #ff8a5e);border-radius:999px;width:0%;height:100%;transition:width 60ms linear;display:block;box-shadow:0 0 12px #f5c86bb3}.charge-bar.is-live{opacity:1}.charge-hint{letter-spacing:.22em;color:var(--mist-dim);font-size:10px}.spin-btn{cursor:pointer;color:#120c02;background:radial-gradient(120% 140% at 50% 0%, #ffe6ad 0%, var(--gold) 46%, var(--gold-deep) 100%);touch-action:none;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;width:clamp(148px,44vw,190px);height:clamp(60px,15vw,70px);transition:transform .12s,box-shadow .25s,filter .2s;position:relative;box-shadow:0 10px 34px #f5c86b4d,inset 0 2px #fff6,inset 0 -8px 18px #965a0059}.spin-btn:active,.spin-btn.is-charging{filter:brightness(1.06);transform:scale(.965)}.spin-btn:disabled{cursor:default;filter:grayscale(.55)brightness(.7);transform:none}.spin-btn-label{letter-spacing:.16em;text-indent:.16em;font-size:clamp(19px,5.4vw,24px);font-weight:700;display:block}.spin-btn-sub{letter-spacing:.2em;opacity:.62;margin-top:3px;font-size:10px;display:block}.history{flex-wrap:wrap;justify-content:center;gap:6px;max-width:92vw;min-height:20px;display:flex}.history i{letter-spacing:.08em;color:var(--mist-dim);background:#ffffff0b;border:1px solid #ffffff12;border-radius:999px;padding:3px 9px;font-size:11px;font-style:normal;animation:.35s both chipIn}.history i:first-child{color:#0b1020;background:var(--gold);border-color:var(--gold)}@keyframes chipIn{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:none}}.card{z-index:20;background:var(--card-bg);-webkit-backdrop-filter:blur(14px)saturate(1.2);opacity:0;pointer-events:none;border:1px solid #f5c86b47;border-radius:18px;width:min(92vw,400px);max-height:min(84vh,620px);padding:26px 24px 22px;transition:opacity .3s,transform .42s cubic-bezier(.16,1.1,.3,1);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.94);box-shadow:0 30px 90px #000000a6,inset 0 0 0 1px #ffffff0a}.card.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.card-glow{pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#f5c86b38,#0000 70%);height:160px;position:absolute;inset:-40% -20% auto}.card-close{width:30px;height:30px;color:var(--mist-dim);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:10px;right:12px}.card-close:hover{color:#fff;background:#ffffff1f}.card-kicker{letter-spacing:.34em;color:#f5c86bb3;margin:0;font-size:10px}.card-name{letter-spacing:.08em;color:#fff;text-shadow:0 0 26px #f5c86b59;margin:8px 0 14px;font-size:clamp(30px,9vw,40px);font-weight:700}.card-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge{letter-spacing:.12em;color:var(--mist);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-size:11px}.badge-district{color:var(--teal);border-color:#46d6c44d}.badge-scale-小{color:var(--teal);border-color:#46d6c466}.badge-scale-中{color:var(--violet);border-color:#9d8cff66}.badge-scale-大{color:var(--amber);border-color:#ffab5e73}.card-blurb{color:#e2ecffd1;margin:0 0 16px;font-size:13.5px;line-height:1.85}.card-howto{border-left:2px solid var(--gold);background:#ffffff0a;border-radius:12px;padding:12px 14px}.card-howto-label{letter-spacing:.3em;color:#f5c86bcc;margin-bottom:5px;font-size:10px;display:block}.card-howto p{color:var(--mist-dim);margin:0;font-size:12.5px;line-height:1.8}.card-actions{gap:10px;margin-top:20px;display:flex}.btn{font-family:var(--font-cn);letter-spacing:.14em;cursor:pointer;border:1px solid #0000;border-radius:999px;flex:1;padding:12px 10px;font-size:13px;transition:filter .2s,background .2s}.btn-primary{color:#120c02;background:linear-gradient(180deg, #ffe6ad, var(--gold-deep));font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--mist);background:#ffffff0d;border-color:#ffffff1f}.btn-ghost:hover{background:#ffffff1a}.fallback{z-index:50;text-align:center;background:var(--ink);place-content:center;gap:6px;padding:24px;display:none;position:fixed;inset:0}.fallback:not([hidden]){display:grid}.fallback p{letter-spacing:.1em;margin:0;font-size:15px}.fallback-sub{color:var(--mist-dim);font-size:12px!important}@media (max-width:420px){.title-cn{letter-spacing:.22em;text-indent:.22em}.card{padding:22px 18px 18px}.hud-corner{gap:6px}}