/* TIME CARDS dark collector theme: pixel art + gold / neon accents. Loaded last on every page. */
:root{--bg:#0b0912;--s1:#151122;--s2:#1d1730;--bd:#2d2546;--tx:#ece8f6;--mu:#9b94b4;--gold:#f2c14e;--gold2:#ffdf8a;--neon:#9b7bff;--cyan:#3ee6d6}
html body{background:var(--bg) radial-gradient(1200px 500px at 50% -120px,#2a1d55 0%,transparent 70%) no-repeat;color:var(--tx)}
html body a{color:var(--gold)}
html body header.top{background:#0b0912e6;border-bottom:1px solid var(--bd)}
html body .logo{color:var(--gold);text-shadow:0 0 12px #f2c14e55}
html body nav.tabs a{color:var(--mu)}
html body nav.tabs a.on{background:linear-gradient(135deg,#7b5cff,#b06bff);color:#fff;box-shadow:0 0 12px #9b7bff66}
html body button,html body .btn{background:linear-gradient(135deg,#f2c14e,#e09a2c);color:#1a1205}
html body button.sec,html body .btn.sec{background:transparent;color:var(--gold);border:2px solid #f2c14e99}
html body button:disabled{background:#2a2438;color:#7d7696;border-color:#2a2438}
html body .card{background:var(--s1);border:1px solid var(--bd);box-shadow:0 6px 24px #0006}
html body .muted,html body .sub,html body .sm{color:var(--mu)}
html body h1{color:#fff;letter-spacing:.3px}
html body .ok{color:#4ade80}html body .err{color:#ff7b7b}
html body .t0{background:#5d5677}html body .t1{background:#2f7bff}html body .t2{background:#a35cff}html body .t3{background:linear-gradient(135deg,#f2c14e,#ff9d2e);color:#1a1205}
html body .soldout{background:transparent;color:var(--gold);border:2px solid var(--gold);box-shadow:0 0 18px #f2c14e44 inset,0 0 14px #f2c14e33}
html body .tc{background:var(--s1);border:2px solid var(--bd);box-shadow:none}
html body .tc .im,html body .det .art,html body #preview{background:#100d1a}
html body .tc.r1{border-color:#2f7bff}
html body .tc.r2{border-color:#a35cff;box-shadow:0 0 14px #a35cff55}
html body .tc.r3{border-color:var(--gold);box-shadow:0 0 18px #f2c14e77;animation:glow 2.4s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 28px #f2c14eaa}}
@media (prefers-reduced-motion:reduce){html body .tc.r3{animation:none}}
html body input,html body select{background:var(--s2);border-color:var(--bd);color:var(--tx)}
html body input:focus,html body select:focus{border-color:var(--neon)}
html body .stat span{background:var(--s2);color:var(--mu)}
html body table.kv td,html body td{border-top-color:var(--bd)}
html body table.kv td:first-child{color:var(--mu)}
html body tr.sel{background:#2a2142}
html body .bar{background:#241d38}html body .bar i{background:linear-gradient(90deg,#9b7bff,#f2c14e)}
html body .hint{background:#2a2213;color:#f6e7c1}
html body .toast{background:#2a2142;border:1px solid var(--bd)}
html body pre{background:var(--s2)!important;color:var(--tx)}
html body .spin{border-color:#3a3155;border-top-color:var(--gold)}
html body .empty.err-box{background:#2a1418;border-color:#5a2a33;color:#ffc9c9}
html body .live{background:#123322;color:#4ade80}html body .stale{background:#33270f;color:var(--gold)}
html body details summary{cursor:pointer}
/* shared new blocks */
.badge-w{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;color:var(--gold);border:1px solid #f2c14e66;background:#f2c14e14;border-radius:99px;padding:3px 10px}
.hero{padding:22px 0 6px}
.hero h1{font-size:30px;margin:8px 0}
@media(max-width:480px){.hero h1{font-size:24px}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.steps .card{margin:0}
.steps b{color:var(--gold)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.kpi{background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:12px}
.kpi .v{font-family:ui-monospace,monospace;font-weight:800;font-size:22px;color:#fff}
.kpi .l{font-size:12px;color:var(--mu);margin-top:2px}
.ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ach .a{border:1px solid var(--bd);border-radius:14px;padding:12px;background:var(--s2);opacity:.45}
.ach .a.on{opacity:1;border-color:#f2c14e88;box-shadow:0 0 14px #f2c14e22}
.ach .a .n{font-weight:800;color:var(--gold)}
.ach .a .d{font-size:12px;color:var(--mu);margin-top:4px;line-height:1.5}
.slot{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--bd)}
.slot .t{font-family:ui-monospace,monospace;font-weight:800;font-size:18px;color:#fff}
.slot .s{font-size:12px;color:var(--mu)}
.st{font-size:12px;font-weight:800;border-radius:99px;padding:3px 10px;white-space:nowrap}
.st.open{background:#123322;color:#4ade80}.st.hold{background:#2d1f4d;color:#c8b6ff}.st.soon{background:#241d38;color:var(--mu)}
.st.minted{background:#33270f;color:var(--gold)}.st.missed{background:#2a1418;color:#ff9d9d}
.tabsbar{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.tabsbar button{min-height:36px;padding:6px 12px;font-size:13px}
@media(max-width:420px){header.top .in{gap:6px;padding:8px 10px}html body .logo{font-size:14px;letter-spacing:0}nav.tabs a{padding:7px 6px;font-size:13px}.conn{padding:6px 9px;font-size:13px}}
@media(max-width:340px){html body .logo{display:none}nav.tabs{margin-left:0}}