:root{color-scheme:dark;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;background:#000;color:#f5f5f7}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#000;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.app{min-height:100%;height:100%;overflow:auto;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0b0b0fe0}.gate,.error,.legal article{margin:auto;padding:32px 20px;max-width:420px}.legal{overflow:auto}.legal article{text-align:left}.gate{text-align:center}.gate button,.pack,.fav,.sheet button{border:0;border-radius:999px;padding:12px 20px;background:#7c3aed;color:#fff;font-size:16px;cursor:pointer}.packs{display:grid;gap:12px;margin-top:20px}.pack{background:#2a2a33}.pack:disabled{opacity:.7;cursor:not-allowed}.stage{position:relative;height:100%;overflow:hidden;background:#000}.stage:after{content:"";position:absolute;inset:auto 0 0;height:200px;pointer-events:none;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.62),transparent)}.stage video{width:100%;height:100%;object-fit:cover;background:#000}.video-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;background:transparent;cursor:pointer}.play-orb{position:absolute;z-index:4;top:50%;left:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border:0;border-radius:50%;background:#ffffffeb;color:#111;font-size:32px;cursor:pointer;box-shadow:0 8px 30px #00000059}.hud-top,.hud-meta,.hud-dock,.hud-side,.hud-tools{position:absolute;z-index:3;pointer-events:none}.hud-top button,.hud-dock a,.hud-dock button,.hud-side button,.hud-tools button{pointer-events:auto}.hud-top{top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.hud-left,.hud-right{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;border:0;border-radius:50%;background:#111;color:#fff;font-weight:800;cursor:pointer}.pill,.avatar,.hud-side button,.hud-tools button,.dock-btn{border:0;border-radius:999px;background:#141418b8;color:#fff;padding:8px 14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill.gold{color:#f5c451;font-weight:700;min-width:52px}.pill.flag{font-size:18px;padding:6px 10px}.avatar{width:36px;height:36px;padding:0;font-weight:700}.hud-meta{left:24px;bottom:92px;max-width:52%;text-shadow:0 2px 12px #000}.hud-meta h2{margin:0 0 6px;font-size:28px;font-weight:700}.hud-meta h2 span{font-size:16px;font-weight:500;margin-left:8px;opacity:.9}.tags{margin:0;color:#e5e7eb;font-size:14px}.toast{color:#fca5a5}.hud-dock{left:0;right:0;bottom:22px;display:flex;justify-content:center;align-items:center;gap:18px}.dock-link{position:absolute;left:24px;bottom:4px;color:#d1d5db;font-size:13px;pointer-events:auto}.dock-btn:disabled{opacity:.45;cursor:not-allowed}.hud-side{right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.hud-side button,.hud-tools button{width:42px;height:42px;padding:0}.hud-tools{right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;z-index:6}.sheet-card{width:100%;max-width:480px;margin:0 auto;background:#16161d;border-radius:20px 20px 0 0;padding:20px 16px 28px}.sheet-card select{margin-left:8px;background:#2a2a33;color:#fff;border:0;padding:6px 8px;border-radius:8px}.fav-list{display:grid;gap:8px;margin:16px 0}.fav{text-align:left;background:#2a2a33}.sheet-links{display:flex;gap:16px;color:#9ca3af}@media(max-width:859px){html,body,#root{overflow:auto}.stage video{object-fit:contain}.hud-meta{max-width:calc(100% - 80px);bottom:118px;left:16px}.hud-meta h2{font-size:20px}.hud-dock{bottom:16px;gap:8px;flex-wrap:wrap;padding:0 16px 0 8px}.dock-link{position:static}.hud-side{right:10px}.play-orb{width:72px;height:72px;margin:-36px 0 0 -36px}}