/* ── Variables & Reset ─────────────────────────────────────────────── */
:root {
  --bg:      #020408; --surface: #080e18; --surface2: #0d1824;
  --border:  #1a2d45; --long:    #00ff88; --short:    #ff3366;
  --neutral: #ffaa00; --blue:    #00aaff; --text:     #c8dce8;
  --dim:     #4a6a80; --bright:  #eaf4ff;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:'DM Sans',sans-serif; min-height:100vh; overflow-x:hidden; }
body::before { content:''; position:fixed; inset:0; background-image:linear-gradient(rgba(0,170,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,0.03) 1px,transparent 1px); background-size:40px 40px; pointer-events:none; z-index:0; }
.wrap { position:relative; z-index:1; max-width:1400px; margin:0 auto; padding:20px; }

/* Animations */
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }
@keyframes spin   { to{transform:rotate(360deg)} }
@keyframes shim   { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
@keyframes tick   { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
@keyframes pnlFlash { 0%{opacity:0.3} 100%{opacity:1} }

/* Utility */
.hidden { display: none !important; }

/* Scrollbar */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--border); border-radius:3px; }

/* Shared */
.spinner { display:inline-block; width:13px; height:13px; border:2px solid var(--border); border-top-color:var(--blue); border-radius:50%; animation:spin 0.8s linear infinite; vertical-align:middle; margin-right:5px; }
.skel { background:linear-gradient(90deg,var(--surface2) 25%,var(--border) 50%,var(--surface2) 75%); background-size:200% 100%; animation:shim 1.5s infinite; border-radius:4px; height:9px; margin-bottom:7px; }
.skel.s{width:60%;} .skel.m{width:80%;}
.wait-msg { color:var(--dim); font-family:'Space Mono',monospace; font-size:0.65rem; text-align:center; padding:18px 0; }
.off-msg  { color:var(--dim); font-family:'Space Mono',monospace; font-size:0.6rem;  text-align:center; padding:14px 0; letter-spacing:2px; }