:root{--bg: #08080a;--bg-2: #0d0d10;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--hair: rgba(255, 255, 255, .08);--hair-strong: rgba(255, 255, 255, .14);--text: #f5f5f7;--text-dim: #a1a1a6;--text-mute: #6b6b72;--accent: #c8e63a;--accent-soft: rgba(200, 230, 58, .12);--accent-line: rgba(200, 230, 58, .34);--accent-ink: #10130a;--steel-1: #f2f2f4;--steel-2: #b7b7bd;--steel-3: #83838b;--radius: 18px;--radius-lg: 24px;--radius-sm: 12px;--shadow: 0 30px 80px -40px rgba(0, 0, 0, .9);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}.tnum{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.accent{color:var(--accent)}.shell{position:relative;min-height:100vh;max-width:1200px;margin:0 auto;padding:0 32px 120px;isolation:isolate}.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1100px 600px at 78% -12%,rgba(52,227,155,.06),transparent 60%),linear-gradient(180deg,#0a0a0d,#08080a 55%,#070709)}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--text-mute)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;background:linear-gradient(180deg,#08080ae6 55%,#08080a00);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:13px;-o-object-fit:cover;object-fit:cover;display:block;box-shadow:0 8px 18px -8px #000000d9,0 0 0 1px #ffffff0f}.brand-name{font-family:var(--display);font-size:22px;font-weight:750;letter-spacing:.08em;line-height:1}.brand-sub{font-size:12px;color:var(--text-mute);margin-top:3px;letter-spacing:.01em}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--hair);background:var(--surface);font-size:12.5px;font-weight:550;color:var(--text-dim)}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-line);animation:pulse 2.4s infinite}.live-pill.idle i{background:var(--text-mute);animation:none}@keyframes pulse{0%{box-shadow:0 0 #34e39b73}70%{box-shadow:0 0 0 7px #34e39b00}to{box-shadow:0 0 #34e39b00}}.hero{padding:30px 0 34px;max-width:760px}.hero h1{font-family:var(--display);font-size:clamp(38px,5vw,60px);line-height:1.03;letter-spacing:-.04em;font-weight:680;margin:16px 0 18px}.hero p{color:var(--text-dim);font-size:17px;line-height:1.55;max-width:52ch;margin:0}.hero-stats{display:flex;gap:0;margin-top:30px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--surface);overflow:hidden;width:-moz-fit-content;width:fit-content}.hstat{padding:16px 26px;border-right:1px solid var(--hair)}.hstat:last-child{border-right:none}.hstat span{font-size:11.5px;color:var(--text-mute);font-weight:550;letter-spacing:.02em}.hstat strong{display:block;margin-top:6px;font-family:var(--display);font-size:25px;font-weight:640;letter-spacing:-.02em}.hstat.pos strong{color:var(--accent)}.toolbar{position:sticky;top:74px;z-index:20;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border-radius:var(--radius);border:1px solid var(--hair);background:#0d0d10b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:28px}.search{flex:1 1 240px;display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:11px;border:1px solid var(--hair);background:var(--surface)}.search svg{width:16px;height:16px;color:var(--text-mute);flex:none}.search input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:14.5px;font-family:var(--font)}.search input::-moz-placeholder{color:var(--text-mute)}.search input::placeholder{color:var(--text-mute)}.picker{position:relative;height:42px}.picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:42px;padding:0 32px 0 14px;border-radius:11px;border:1px solid var(--hair);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:550;font-family:var(--font);cursor:pointer;outline:none}.picker select:hover{border-color:var(--hair-strong)}.picker select option{background:#14141a;color:var(--text)}.picker:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:1.6px solid var(--text-mute);border-bottom:1.6px solid var(--text-mute);transform:translateY(-65%) rotate(45deg);pointer-events:none}.refresh{height:42px;padding:0 18px;border-radius:11px;border:1px solid var(--hair);background:var(--text);color:#0a0a0c;font-weight:600;font-size:13.5px;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,opacity .12s ease}.refresh:hover{transform:translateY(-1px)}.refresh:disabled{opacity:.55;cursor:default;transform:none}.refresh svg{width:15px;height:15px}.refresh.spinning svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.star-rail{margin-bottom:26px}.star-rail-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.star-rail-head .meta{font-size:12.5px;color:var(--text-mute)}.star-chips{display:flex;flex-wrap:wrap;gap:8px}.star-chip{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--hair);background:var(--surface);color:var(--text);font-size:13px;font-weight:550;font-family:var(--font);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.star-chip:hover{border-color:var(--hair-strong);background:var(--surface-2)}.star-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.board-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.board-head h2{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.025em;margin:6px 0 0}.board-head .meta{font-size:13px;color:var(--text-mute)}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px}.card{display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--hair);background:var(--surface);overflow:hidden;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover{border-color:var(--hair-strong);transform:translateY(-3px);box-shadow:var(--shadow)}.card-media{position:relative;aspect-ratio:5 / 7;background:linear-gradient(165deg,#16161c,#0c0c10);overflow:hidden}.card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-media img.contain,.sheet-media img.contain{-o-object-fit:contain;object-fit:contain;padding:10px}.card-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.05),transparent 60%),linear-gradient(165deg,#17171e,#0b0b0f)}.card-fallback .ghost{font-family:var(--display);font-size:58px;font-weight:700;letter-spacing:-.03em;color:#ffffff0f;line-height:1}.card-fallback .slab{position:absolute;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:3px}.card-fallback .slab b{font-family:var(--display);font-size:15px;font-weight:650;color:var(--text)}.card-fallback .slab small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.edge-chip{position:absolute;top:12px;right:12px;display:inline-flex;align-items:baseline;gap:3px;padding:6px 10px;border-radius:999px;background:#060807b8;border:1px solid var(--accent-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent)}.edge-chip b{font-size:14px;font-weight:700;letter-spacing:-.02em}.edge-chip span{font-size:10px;font-weight:550;opacity:.85}.edge-chip.pending{color:var(--steel-2);border-color:var(--hair)}.edge-chip.pending b{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.edge-chip.est{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,transparent);opacity:.92}.edge-chip.est span{text-transform:uppercase;letter-spacing:.04em}.edge-chip.flat{color:var(--steel-2);border-color:var(--hair)}.edge-chip.flat b{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.drop-chip{position:absolute;top:12px;right:12px;display:inline-flex;align-items:baseline;gap:4px;padding:6px 10px;border-radius:999px;background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -8px #c8e63acc}.drop-chip b{font-size:13px;font-weight:750;letter-spacing:-.02em}.drop-chip span{font-size:10px;font-weight:650;letter-spacing:.02em}.topbar-right{display:flex;align-items:center;gap:12px}.view-nav{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--hair);background:var(--surface)}.view-nav button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:999px;border:0;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:color .12s ease,background .12s ease}.view-nav button:hover{color:var(--text)}.view-nav button.on{color:var(--steel-1);background:linear-gradient(160deg,#1d1d21,#0a0a0c);border:1px solid var(--hair-strong)}.nav-count{min-width:18px;padding:1px 5px;border-radius:999px;background:var(--hair-strong);color:var(--text);font-size:11px;font-weight:650;text-align:center}.nav-alert{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #c8e63acc}.alerts{margin:4px 0 22px}.alerts-head{margin-bottom:12px}.alerts-list{display:flex;flex-direction:column;gap:8px}.alert-row{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:14px;padding:10px 14px;border-radius:16px;border:1px solid var(--accent-line);background:linear-gradient(100deg,var(--accent-soft),rgba(13,13,16,.4) 60%);text-decoration:none;color:inherit;transition:border-color .12s ease,transform .12s ease}.alert-row:hover{border-color:var(--accent);transform:translateY(-1px)}.alert-thumb{width:46px;height:46px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--hair);font-weight:700;color:var(--steel-3);font-size:15px}.alert-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.alert-main{min-width:0}.alert-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-sub{margin-top:2px;font-size:12px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-prices{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.alert-prices .was{font-size:12px;color:var(--text-mute);text-decoration:line-through}.alert-prices .now{font-size:15px;font-weight:650}.alert-drop{display:flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:750;letter-spacing:-.02em}.alert-drop small{font-size:10px;font-weight:650;opacity:.8}.watch-dot{position:absolute;top:12px;left:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hair);background:#06060899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-dim);cursor:pointer;transition:color .12s ease,border-color .12s ease}.watch-dot svg{width:15px;height:15px}.watch-dot:hover{color:var(--text)}.watch-dot.on{color:var(--accent);border-color:var(--accent-line)}.card-venue{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 9px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}.card-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:3px}.card-title{font-family:var(--display);font-size:15.5px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:12px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.card-price{display:flex;flex-direction:column;gap:3px}.price-row{display:flex;align-items:baseline;gap:7px}.price-label{font-size:9.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);min-width:32px}.card-price .ask{font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.card-price .fair{font-size:13px;font-weight:600;color:var(--text-dim)}.price-row.value .edge-val{font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.price-row.muted .pending-val{font-size:11.5px;font-weight:550;color:var(--text-mute);font-style:italic}.card-buy{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border-radius:10px;border:1px solid var(--hair);background:var(--surface-2);color:var(--text);font-size:12.5px;font-weight:600;text-decoration:none;transition:background .14s ease,border-color .14s ease}.card-buy:hover{background:var(--accent);border-color:var(--accent);color:#08120c}.card-buy svg{width:12px;height:12px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:32px;background:#040406a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:relative;width:100%;max-width:860px;max-height:88vh;overflow:hidden;display:grid;grid-template-columns:340px 1fr;border-radius:var(--radius-lg);border:1px solid var(--hair-strong);background:var(--bg-2);box-shadow:var(--shadow);animation:rise .22s cubic-bezier(.16,1,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.sheet-media{position:relative;background:linear-gradient(165deg,#16161c,#0b0b0f)}.sheet-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sheet-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hair);background:#06060899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-dim);cursor:pointer;z-index:2}.sheet-close:hover{color:var(--text)}.sheet-close svg{width:15px;height:15px}.sheet-info{padding:26px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.sheet-venue{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute)}.sheet-info h2{font-family:var(--display);font-size:26px;font-weight:640;letter-spacing:-.025em;line-height:1.08;margin:8px 0 6px}.sheet-sub{font-size:13.5px;color:var(--text-dim);margin:0}.value-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.value-box{padding:14px 12px;border-radius:var(--radius-sm);border:1px solid var(--hair);background:var(--surface);text-align:center}.value-box span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute);font-weight:600}.value-box strong{display:block;margin-top:7px;font-family:var(--display);font-size:21px;font-weight:640;letter-spacing:-.02em}.value-box.edge{border-color:var(--accent-line);background:var(--accent-soft)}.value-box.edge strong{color:var(--accent)}.sheet-buy{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:14px;background:var(--text);color:#08080c;font-size:15px;font-weight:650;text-decoration:none;transition:transform .12s ease}.sheet-buy:hover{transform:translateY(-1px)}.sheet-buy svg{width:16px;height:16px}.sheet-section h3{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0 0 11px}.sheet-section h3 .n{color:var(--text-mute);font-weight:500}.reasons{display:flex;flex-direction:column;gap:9px}.reason{display:flex;gap:10px;font-size:13px;line-height:1.45;color:var(--text-dim)}.reason:before{content:"";flex:none;width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--accent)}.reason.warn:before{background:#ff7a6b}.comp-list{display:flex;flex-direction:column;gap:7px}.comp{display:grid;grid-template-columns:68px 1fr auto;gap:11px;align-items:center;padding:8px 11px;border-radius:10px;border:1px solid var(--hair);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .12s ease,background .12s ease}.comp:hover{border-color:var(--hair-strong);background:var(--surface-2)}.comp .p{font-size:13.5px;font-weight:600}.comp .track{height:5px;border-radius:999px;background:#ffffff0f;overflow:hidden}.comp .fill{height:100%;border-radius:999px;background:var(--accent);opacity:.75}.comp .d{font-size:11px;color:var(--text-mute);white-space:nowrap}.signals{display:flex;flex-direction:column;gap:12px}.signal-head{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:6px}.signal-head span{color:var(--text-dim)}.signal-head strong{font-weight:600}.signal-track{height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.signal-fill{height:100%;border-radius:999px;background:var(--accent);opacity:.8}.empty,.warming{grid-column:1 / -1;padding:72px 30px;text-align:center;border-radius:var(--radius);border:1px dashed var(--hair-strong);background:var(--surface)}.empty h3,.warming h3{font-family:var(--display);margin:14px 0 8px;font-size:20px;font-weight:620;letter-spacing:-.02em}.empty p,.warming p{color:var(--text-dim);font-size:14px;margin:0 auto;max-width:44ch;line-height:1.55}.warming .spinner{width:30px;height:30px;margin:0 auto;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);animation:spin .85s linear infinite}.banner{padding:13px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,176,32,.24);background:#ffb02012;margin-bottom:20px}.banner p{margin:5px 0 0;font-size:13px;color:var(--text-dim)}@media(max-width:720px){.shell{padding:0 18px 88px}.sheet{grid-template-columns:1fr;max-height:92vh}.sheet-media{aspect-ratio:5 / 4}.hero-stats{width:100%}.hstat{flex:1;padding:14px 16px}.value-row{grid-template-columns:1fr 1fr 1fr}.topbar{flex-wrap:wrap;gap:12px;padding:16px 0 14px}.topbar-right,.view-nav{width:100%}.view-nav button{flex:1;justify-content:center}.alert-row{grid-template-columns:46px 1fr auto;gap:12px;row-gap:6px}.alert-prices{grid-column:2 / 4;justify-content:flex-start}}