@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/vendor/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/vendor/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --bg:#0a0c10;--bg2:#0d1015;--s1:#11141a;--s2:#151921;--s3:#1a1f29;--hover:#1c212c;
  --line:#1f2430;--line2:#2a3040;--tx:#e8ebf1;--tx2:#b4bccb;--mut:#7d879a;--dim:#5a6375;
  --acc:#5b8cff;--acc2:#7aa2ff;--accbg:#5b8cff1f;
  --up:#26b67f;--upbg:#26b67f1a;--dn:#ef4f5f;--dnbg:#ef4f5f1a;--warn:#e8a93a;--warnbg:#e8a93a1a;--vio:#a37bff;--viobg:#a37bff1a;
  --r1:6px;--r2:10px;--r3:14px;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --shadow:0 1px 0 #ffffff08 inset,0 8px 24px -12px #00000080;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--acc2);text-decoration:none}
.num,.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv11"}
.pos{color:var(--up)}.neg{color:var(--dn)}.muted{color:var(--mut)}.dim{color:var(--dim)}
.dir{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:11.5px;letter-spacing:.02em;padding:2px 8px;border-radius:999px;white-space:nowrap}
.dir.long{color:var(--up);background:var(--upbg)}.dir.short{color:var(--dn);background:var(--dnbg)}.dir.flat{color:var(--tx2);background:#ffffff0d}
.stage{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:550;padding:2px 9px 2px 8px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.stage::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-live{color:#58a6ff;background:#58a6ff17}.st-armed{color:var(--warn);background:var(--warnbg)}.st-won{color:var(--up);background:var(--upbg)}.st-lost{color:var(--dn);background:var(--dnbg)}.st-dead{color:var(--mut);background:#ffffff0a}.st-watch{color:var(--vio);background:var(--viobg)}
.tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:#ffffff0d;color:var(--tx2)}
.tag.pick{background:var(--accbg);color:var(--acc2)}
.skel{border-radius:var(--r2);background:linear-gradient(90deg,var(--s1) 0%,var(--s2) 40%,var(--s1) 80%);background-size:300% 100%;animation:sk 1.4s ease infinite;margin-bottom:10px}
@keyframes sk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;color:var(--mut)}
.empty-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--line);font-size:20px;margin-bottom:12px;color:var(--tx2)}
.empty-t{color:var(--tx);font-weight:600;font-size:14px;margin-bottom:4px}.empty-s{font-size:13px;max-width:360px;line-height:1.5}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--s3);border:1px solid var(--line2);color:var(--tx);padding:10px 16px;border-radius:10px;font-size:13.5px;z-index:999;transition:.2s;box-shadow:0 10px 30px #0008}
.toast.show{opacity:1;transform:translate(-50%,0)}.toast.err{border-color:#ef4f5f80}
/* lightbox */
.lb{position:fixed;inset:0;z-index:300;background:#05070bf2;display:flex;flex-direction:column;animation:fade .15s}
@keyframes fade{from{opacity:0}}
.lb-top{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--tx2);font-size:13px}
.lb-top b{color:var(--tx);font-size:14px}.lb-top .sp{flex:1}
.lb-btn{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;min-width:36px;height:36px;padding:0 10px;cursor:pointer}
.lb-stage{flex:1;overflow:hidden;position:relative;touch-action:none;cursor:grab}
.lb-stage img{position:absolute;left:50%;top:50%;max-width:none;transform-origin:0 0;user-select:none;-webkit-user-drag:none}
.lb-strip{display:flex;gap:8px;padding:10px 16px 16px;overflow-x:auto}
.lb-strip button{flex:none;border:2px solid transparent;border-radius:8px;padding:0;background:none;cursor:pointer;opacity:.6}
.lb-strip button.on{border-color:var(--acc);opacity:1}.lb-strip img{display:block;height:54px;border-radius:6px}
.lb-strip small{display:block;font-size:10.5px;color:var(--mut);padding:2px 0}
