*{box-sizing:border-box}
:root{--bg:#05080f;--card:#0d1626;--ink:#eaf1fb;--mut:#8fa3bf;--line:#1c3150;--acc:#f2c14e;--blue:#1e90ff;--red:#ff4d3d;--grn:#3ddc97;color-scheme:dark}
body{margin:0;background:var(--bg);background-image:radial-gradient(900px 400px at 50% -80px,#12315e 0,transparent 70%);background-repeat:no-repeat;color:var(--ink);font:clamp(16px,.8vw + 6px,24px)/1.4 Barlow,system-ui,sans-serif;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
h1,h2,.hd,.big{font-family:Oswald,Impact,sans-serif;letter-spacing:.03em}
header{max-width:1800px;margin:auto;padding:14px 2vw 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
header img.logo{height:clamp(70px,11vh,120px);mix-blend-mode:lighten}header h1{margin:0;font-size:1.9em;color:var(--acc)}header p{margin:0;color:var(--mut)}
.live{margin-left:auto;font-weight:700;font-size:.85em}.live.on{color:var(--grn)}.live.off{color:var(--red)}
.stripe{height:6px;max-width:1800px;margin:12px auto 0;background:repeating-linear-gradient(115deg,var(--acc) 0 22px,var(--blue) 22px 44px)}
main,.wrap{max-width:1800px;margin:auto;padding:14px 2vw 40px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.card{background:linear-gradient(160deg,var(--card),#09101d);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:6px;padding:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted{color:var(--mut)}.empty{text-align:center;color:var(--mut);padding:60px 0}
.av{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--mut);flex:none;border:2px solid var(--line)}
.av.lg{width:96px;height:96px;border-color:var(--acc);box-shadow:0 0 22px #f2c14e66}
.ci,.tl{display:inline-flex;vertical-align:middle;flex:none}.ci svg,.tl svg{width:100%;height:100%}
.tag{font-size:.65em;background:var(--acc);color:#10131a;border-radius:4px;padding:1px 7px;margin-left:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.tag.sold{background:var(--blue);color:#fff}
.sq ul{list-style:none;margin:0;padding:0}.sq li{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.sq li.cap{background:rgba(242,193,78,.12);border-radius:6px;padding:8px}.sq li.open{opacity:.5;min-height:56px}.sq .p{margin-left:auto;font-weight:700;color:var(--grn);font-size:1.1em}
.sq .num{color:var(--acc);font-weight:700;width:1.2em;text-align:center}
.cnt{margin-left:auto;font:700 1.8em Oswald,sans-serif;color:var(--acc)}.prow{justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin:8px 0;font-size:.8em;color:var(--mut)}.prow b{color:var(--grn);font-size:1.3em}
.sw{margin-left:auto;background:#0d1626;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font:inherit;font-size:.8em}.sw:not([hidden])+.live{margin-left:0}
.topnav{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:8px 2vw;background:rgba(5,8,15,.94);border-bottom:1px solid var(--line)}
.topnav a{flex:none;text-decoration:none;color:var(--ink);font:500 1.05em Oswald,Impact,sans-serif;letter-spacing:.04em;padding:8px 22px;border:1px solid var(--blue);border-radius:3px;transform:skewX(-10deg);background:var(--card)}
.topnav a.on{background:var(--acc);color:#10131a;border-color:var(--acc)}
@media print{.topnav{display:none!important}}
