/* ================================================================
   🖥️ LEVINET — Windows 95 Design System (v190: full conversion)
   💎 gem: Levi Studios' own Win95-style chrome, made from scratch.
   Authentic Win95 look: gray beveled windows, blue title bars,
   chunky outset buttons. LeviNet branding throughout — never AOL,
   never "America Online", never "You've Got Mail".
   Neon glow accents on the 95 chrome — the arcade at 1 AM.
   Made by Levi Studios, 2026.
   ================================================================ */

/* ---------------- WIN95 TOKENS ---------------- */
:root{
  /* v202 SUNSET BOULEVARD redesign — warm sunset palette replaces classic gray.
     Levi's word: "redo the whole website." This is the redo. */
  --w95-face:#f6d3a7;      /* warm peach (was classic dialog gray) */
  --w95-light:#fff6e8;     /* warm bevel highlight */
  --w95-midlight:#f0c088;  /* warm lighter peach */
  --w95-dark:#a8642f;      /* warm brown bevel shadow */
  --w95-darkest:#2a1206;   /* dark chocolate outer border */
  --w95-title:#c22e0c;     /* sunset red-orange title bar */
  --w95-title2:#ff8c2e;    /* bright orange title gradient end */
  --w95-text:#2a1206;      /* dark chocolate text */
  --w95-inactive:#a08060;  /* warm inactive title */
  /* neon accents (Levi's glow, on the 95 chrome) */
  --neon-green:#7dff9a;
  --neon-pink:#ff2fb3;
  --neon-cyan:#00e5ff;
  --neon-gold:#ffd23f;
}

/* ---------------- WIN95 WINDOW ---------------- */
.w95-window{
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
  color:var(--w95-text);
  font-family:"Courier New",Courier,monospace;
}
.w95-titlebar{
  background:linear-gradient(90deg,var(--w95-title),var(--w95-title2));
  color:#fff;
  font-weight:700;
  font-size:.85rem;
  letter-spacing:.04em;
  padding:4px 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  user-select:none;
  /* neon glow on the title text — Levi's touch on the 95 chrome */
  text-shadow:0 0 8px rgba(0,229,255,.8),0 0 2px #fff;
}
.w95-titlebar.inactive{background:linear-gradient(90deg,var(--w95-inactive),#b5b5b5);text-shadow:none}
.w95-titlebtns{display:flex;gap:2px}
.w95-titlebtns button{
  width:22px;height:20px;min-width:22px;min-height:20px;
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  font-size:.7rem;font-weight:700;line-height:1;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--w95-text);padding:0;
}
.w95-titlebtns button:active{
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
}
.w95-body{padding:14px}
.w95-menubar{
  display:flex;gap:2px;padding:2px 4px;
  background:var(--w95-face);
  border-bottom:1px solid var(--w95-dark);
  font-size:.8rem;
}
.w95-menubar span{padding:3px 8px;cursor:default}
.w95-menubar span:hover{background:var(--w95-title);color:#fff}
.w95-statusbar{
  border-top:2px solid;
  border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
  padding:4px 8px;font-size:.75rem;
  display:flex;align-items:center;gap:8px;
  background:var(--w95-face);
}
.w95-statusbar .dot{width:10px;height:10px;border-radius:50%;background:var(--neon-green);
  box-shadow:0 0 8px var(--neon-green);display:inline-block}

/* ---------------- WIN95 BUTTONS (clickety-clack) ---------------- */
.w95-btn{
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  color:var(--w95-text);
  font-family:inherit;font-weight:700;
  font-size:.9rem;
  padding:10px 20px;
  min-height:48px;min-width:48px;
  cursor:pointer;
  position:relative;
  /* chunky 95 shadow */
  box-shadow:1px 1px 0 rgba(0,0,0,.25);
}
.w95-btn:hover{
  /* neon kiss on hover — Levi's glow */
  box-shadow:1px 1px 0 rgba(0,0,0,.25),0 0 12px rgba(0,229,255,.45);
}
.w95-btn:active,.w95-btn.pressed{
  /* the CLACK — button physically presses in */
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
  transform:translate(1px,1px);
  padding:11px 19px 9px 21px; /* text shifts with the press */
}
.w95-btn:focus-visible{outline:2px dashed var(--w95-title);outline-offset:2px}
.w95-btn.big{font-size:1.2rem;padding:16px 36px;min-height:64px;letter-spacing:.08em}
.w95-btn:disabled{color:var(--w95-dark);text-shadow:1px 1px 0 var(--w95-light);cursor:default}
.w95-btn:disabled:active{border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);transform:none}

/* ---------------- UNIFORM SITE NAV (Win95 toolbar) ---------------- */
.w95-sitebar{
  background:var(--w95-face);
  border-bottom:2px solid;
  border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
  padding:6px 8px;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  position:sticky;top:0;z-index:100;
  font-family:"Courier New",Courier,monospace;
}
.w95-sitebar .brand{
  font-weight:900;letter-spacing:.06em;font-size:.85rem;
  color:var(--w95-text);text-decoration:none;
  padding:8px 10px;min-height:48px;
  display:flex;align-items:center;gap:6px;
  border:2px solid transparent;
}
.w95-sitebar .brand .star{color:#b8860b;text-shadow:0 0 8px var(--neon-gold)}
.w95-navbtn{
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  color:var(--w95-text);text-decoration:none;
  font-weight:700;font-size:.74rem;
  padding:6px 9px;min-height:38px;
  display:inline-flex;align-items:center;gap:5px;
  cursor:pointer;font-family:inherit;
}
.w95-navbtn:hover{box-shadow:0 0 10px rgba(0,229,255,.4)}
.w95-navbtn:active{
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  transform:translate(1px,1px);
}
.w95-navbtn.on{
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  background:var(--w95-midlight);
  box-shadow:inset 1px 1px 2px rgba(0,0,0,.2),0 0 10px rgba(125,255,154,.35);
}
.w95-navbtn .chan{
  font-size:.68rem;color:var(--w95-dark);font-weight:400;
}

/* ---------------- AOL DESKTOP ---------------- */
.w95-desktop{
  min-height:100dvh;
  background:#008080; /* classic teal desktop */
  background-image:
    radial-gradient(ellipse 60% 40% at 50% 0%,rgba(0,229,255,.12),transparent),
    radial-gradient(ellipse 50% 35% at 50% 110%,rgba(255,47,179,.08),transparent);
  padding:12px;
  font-family:"Courier New",Courier,monospace;
}
.w95-desktop[hidden]{display:none}

/* Welcome window */
.welcome-win{max-width:480px;margin:8vh auto 0;position:relative;z-index:10000}
.welcome-win .w95-body{text-align:center}
.welcome-win h1{
  font-size:1.8rem;letter-spacing:.1em;margin:.3em 0;color:var(--w95-text);
  text-shadow:2px 2px 0 var(--w95-dark);
}
.welcome-win h1 .star{color:#b8860b}
.welcome-win .tagline{font-size:.9rem;margin:.5em 0 1em;color:#333}
.welcome-win .studio-logo{max-width:280px;margin:0 auto 8px;border:2px solid var(--w95-darkest)}
.dialup-opt{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:12px 0 4px;font-size:.82rem;cursor:pointer;
}
.dialup-opt input{width:20px;height:20px;accent-color:var(--w95-title)}

/* Main desktop window */
.desktop-win{max-width:1100px;margin:0 auto}
.desktop-win .w95-body{padding:0}
.aol-toolbar{
  display:flex;gap:4px;padding:6px;flex-wrap:wrap;
  background:var(--w95-face);
  border-bottom:2px solid;
  border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
}
.aol-chanbtn{
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  color:var(--w95-text);text-decoration:none;
  font-family:inherit;font-weight:700;font-size:.85rem;
  padding:10px 14px;min-height:52px;
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
}
.aol-chanbtn:hover{box-shadow:0 0 12px rgba(0,229,255,.45)}
.aol-chanbtn:active{
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  transform:translate(1px,1px);
}
.aol-chanbtn .emoji{font-size:1.2rem}

/* Chat center */
.chat-center{padding:10px}
.chat-center .lnc-panel{border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest)}
#lnc-log{
  background:#0a0a12; /* dark IRC terminal */
  color:var(--neon-green);
  text-shadow:0 0 6px rgba(125,255,154,.5);
  min-height:280px;max-height:50vh;
}

/* Dial-up status (inline, in the welcome window) */
.dial-status{
  margin-top:12px;text-align:left;
  background:#0a0a12;color:var(--neon-green);
  border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  padding:10px 12px;font-size:.82rem;line-height:1.7;
  min-height:0;max-height:220px;overflow-y:auto;
  text-shadow:0 0 6px rgba(125,255,154,.5);
}
.dial-status:empty{display:none}
.dial-status .ok{color:var(--neon-green);font-weight:700}

/* Taskbar */
.w95-taskbar{
  position:fixed;bottom:0;left:0;right:0;
  background:var(--w95-face);
  border-top:2px solid;
  border-color:var(--w95-light) var(--w95-dark) var(--w95-dark) var(--w95-light);
  padding:4px 8px;
  display:flex;align-items:center;gap:8px;
  font-size:.8rem;z-index:200;
}
.w95-start{
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  font-weight:900;padding:6px 14px;min-height:40px;
  display:flex;align-items:center;gap:6px;cursor:pointer;
  font-family:inherit;font-size:.85rem;
}
.w95-start:active{
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
}
.w95-clock{margin-left:auto;padding:6px 10px;
  border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
  font-size:.78rem;min-width:90px;text-align:center}

/* Game page back button (minimal, doesn't break fullscreen) */
.w95-gameback{
  position:fixed;top:8px;left:8px;z-index:9999;
  background:var(--w95-face);
  border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  color:var(--w95-text);text-decoration:none;
  font-family:"Courier New",monospace;font-weight:700;font-size:.8rem;
  padding:8px 12px;min-height:44px;
  display:flex;align-items:center;gap:6px;
  opacity:.92;
}
.w95-gameback:active{
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
}

/* prefers-reduced-motion: kill the glow pulse, keep it static */
@media (prefers-reduced-motion:reduce){
  .w95-btn:hover,.aol-chanbtn:hover,.w95-navbtn:hover{box-shadow:1px 1px 0 rgba(0,0,0,.25)}
}

/* Phone: stack toolbar, full-width chat */
@media (max-width:600px){
  .aol-toolbar{gap:6px}
  .aol-chanbtn{flex:1 1 44%;justify-content:center;font-size:.8rem}
  .w95-sitebar{gap:4px;padding:4px}
  .w95-navbtn{font-size:.75rem;padding:8px 8px}
  .w95-navbtn .chan{display:none}
  #lnc-log{min-height:220px}
}

/* ================================================================
   v190 FULL WIN95 CONVERSION — "the entire site should BE Windows 95"
   Levi's word (2026-10-10): the old format completely goes — no more
   neon-on-dark chrome peeking through. This section re-skins every
   legacy class into authentic Win95: gray face, beveled edges, navy
   title bars, sunken fields, clickety-clack buttons. Neon glow
   survives ONLY as accents: title-bar text, button hover, status
   LEDs, DOS-terminal greens. Game canvases/screens stay dark —
   they're the games, not the site chrome.
   Made by Levi Studios, 2026. 💎
   ================================================================ */

/* ---- 1. LEGACY TOKEN REMAP: the master switch.
   Every old stylesheet + inline <style> builds its palette from these
   vars. win95.css loads last, so these Win95 values win everywhere and
   the whole site's colors convert in one move. Scoped game vars
   (--nn-*, --sd-*, --teal, --wood) are left alone — game furniture
   keeps its own paint. */
:root:where(:not(.own-theme)) {
  --bg:#c0c0c0; --space:#c0c0c0;
  --panel:#c0c0c0; --panel2:#dcdcdc;
  --line:#808080;
  --ink:#000000;
  --dim:#3f3f3f;
  --gold:#000080; --pink:#000080; --uv:#000080;   /* brand neon -> Win95 navy */
  --cyan:#006e84; --blue:#000080;                 /* readable on gray */
}

/* ---- 2. PAGE BASE: the desktop is gray now. ---- */
html:where(:not(.own-theme)) {background:#1a0b2e}
:where(html:not(.own-theme)) body {
  background:linear-gradient(180deg,#1a0b2e 0%,#4a1548 30%,#a83232 62%,#ff8c2e 82%,#ffc832 100%);
  background-attachment:fixed;
  color:#000;
  font-family:"Courier New",Courier,monospace;
}
:where(html:not(.own-theme)) a {color:#8a1e00;text-decoration:underline}
:where(html:not(.own-theme)) ::selection {background:#c22e0c;color:#fff}
:where(html:not(.own-theme)) h1,:where(html:not(.own-theme)) h2 {color:#000;text-shadow:none}
:where(html:not(.own-theme)) h2 {color:#8a1e00}
:where(html:not(.own-theme)) .kicker {color:#8a1e00;text-shadow:none}
:where(html:not(.own-theme)) .kicker::before {content:"> "}
:where(html:not(.own-theme)) .kicker-line {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .sub {color:#333}
:where(html:not(.own-theme)) .sub strong {color:#000}
:where(html:not(.own-theme)) .tag,:where(html:not(.own-theme)) .tagline {color:#333}
:where(html:not(.own-theme)) .dim {color:#444}
:where(html:not(.own-theme)) .ln-dim {color:#444}
:where(html:not(.own-theme)) .ln-gold {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .ln-green {color:#0a6a2a}
:where(html:not(.own-theme)) .ln-red {color:#b00020}
:where(html:not(.own-theme)) .ln-blue {color:#000080}
:where(html:not(.own-theme)) .px-div {border:none;border-top:2px solid;border-color:#808080 #fff #fff #808080;margin:1.6rem 0}

/* ---- 3. MASTHEAD -> Win95 window with a navy title bar.
   (old "glowing marquee masthead" — about / arcade / our-story) ---- */
:where(html:not(.own-theme)) .marquee {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
  margin:12px auto;max-width:960px;text-align:center;padding:0 0 14px;
}
:where(html:not(.own-theme)) .marquee .wrap {padding:0 12px}
:where(html:not(.own-theme)) .marquee .kicker {color:#000080;letter-spacing:.5em;font-size:.72em;font-weight:700;text-shadow:none;padding-top:14px;margin:0 0 6px}
:where(html:not(.own-theme)) .marquee h1 {
  background:linear-gradient(90deg,#000080,#1084d0);color:#fff;
  font-size:1.6em;letter-spacing:.08em;font-weight:900;margin:0 0 10px;padding:8px 12px;
  text-shadow:0 0 8px rgba(0,229,255,.8);
}
:where(html:not(.own-theme)) .marquee h1 .amp {color:#ffd23f;text-shadow:none;animation:none}
:where(html:not(.own-theme)) .marquee .tag {color:#333;max-width:36em;margin:.6em auto 0;line-height:1.55;font-size:.95em}
:where(html:not(.own-theme)) .hero {background:var(--w95-face);border-bottom:2px solid;border-color:#808080 #fff #fff #808080}
:where(html:not(.own-theme)) .hero-photo {border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);box-shadow:2px 2px 0 rgba(0,0,0,.35)}

/* ---- 4. NAV: neon channel grid -> Win95 toolbar.
   (.neon-nav/.ln-nav have no markup left; kept as a safety net) ---- */
:where(html:not(.own-theme)) .neon-nav,:where(html:not(.own-theme)) .ln-nav,:where(html:not(.own-theme)) nav.ln-nav {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
  max-width:960px;margin:12px auto;padding:6px;
  display:flex;justify-content:center;gap:6px;flex-wrap:wrap;position:static;
}
:where(html:not(.own-theme)) .neon-nav a,:where(html:not(.own-theme)) .ln-nav a,:where(html:not(.own-theme)) nav.ln-nav a {
  background:var(--w95-face);color:#000;text-decoration:none;font-weight:700;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  padding:10px 14px;min-height:48px;min-width:48px;
  display:inline-flex;align-items:center;gap:6px;
  font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;text-align:center;
}
:where(html:not(.own-theme)) .neon-nav a .chan,:where(html:not(.own-theme)) .ln-nav a .chan,:where(html:not(.own-theme)) nav.ln-nav .chan {display:block;font-size:.62rem;color:#444;font-weight:400;letter-spacing:.2em}
:where(html:not(.own-theme)) .neon-nav a.on,:where(html:not(.own-theme)) .ln-nav a.on,:where(html:not(.own-theme)) nav.ln-nav a.on {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  background:#dfdfdf;box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);color:#000080;
}
:where(html:not(.own-theme)) .neon-nav a:active,:where(html:not(.own-theme)) .ln-nav a:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
/* game-page channel guide (was inline neon styles) -> same toolbar, not sticky */
:where(html:not(.own-theme)) .w95-chanbar {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  padding:6px;margin:10px auto;max-width:960px;
  display:flex;justify-content:center;gap:6px;flex-wrap:wrap;
}

/* ---- 5. UTILITY STRIP -> Win95 toolbar ---- */
:where(html:not(.own-theme)) .ln-util {
  background:var(--w95-face);
  border-top:2px solid;border-color:var(--w95-light) var(--w95-dark) var(--w95-dark) var(--w95-light);
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:8px 12px;font-size:.85em;
}
:where(html:not(.own-theme)) .musicbtn,:where(html:not(.own-theme)) .installbtn,:where(html:not(.own-theme)) .sfxbtn {
  background:var(--w95-face);color:#000;font:inherit;font-weight:700;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  padding:8px 14px;min-height:44px;cursor:pointer;white-space:nowrap;
}
:where(html:not(.own-theme)) .musicbtn:active,:where(html:not(.own-theme)) .installbtn:active,:where(html:not(.own-theme)) .sfxbtn:active {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  transform:translate(1px,1px);box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);
}
/* beat the old transparent util-button styles (levinet.css + page inline) */
:where(html:not(.own-theme)) .ln-util .musicbtn,:where(html:not(.own-theme)) .ln-util .installbtn,:where(html:not(.own-theme)) .ln-util .sfxbtn {
  background:var(--w95-face);color:#000;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
}
:where(html:not(.own-theme)) .ln-util .musicbtn:active,:where(html:not(.own-theme)) .ln-util .installbtn:active,:where(html:not(.own-theme)) .ln-util .sfxbtn:active {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  transform:translate(1px,1px);box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);
}
:where(html:not(.own-theme)) .musicbtn.playing {background:#dfdfdf;box-shadow:inset 1px 1px 2px rgba(0,0,0,.2)}
:where(html:not(.own-theme)) .sfxbtn.off {color:#666}
:where(html:not(.own-theme)) .qr-sep {width:2px;align-self:stretch;background:#808080;border-right:1px solid #fff;margin:.1rem .35rem .1rem .55rem}
:where(html:not(.own-theme)) .qr-donate {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:.28rem;opacity:.85;
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;
}
:where(html:not(.own-theme)) .qr-donate:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest)}
:where(html:not(.own-theme)) .qr-donate img {display:block;width:28px;height:28px;max-width:28px;max-height:28px;border:0;box-shadow:none;border-radius:0}
:where(html:not(.own-theme)) .qr-donate:hover {opacity:1}
:where(html:not(.own-theme)) .ioshint {display:inline-block;font-size:.72rem;color:#333;border:2px solid;border-color:#808080 #fff #fff #808080;background:#dfdfdf;padding:.35rem .6rem;margin-left:.4rem;border-radius:0;vertical-align:middle}

/* ---- 6. CARDS & PANELS -> Win95 windows ---- */
:where(html:not(.own-theme)) .ln-card {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  padding:14px;margin:14px 0;overflow:hidden;
}
:where(html:not(.own-theme)) .ln-card>.ln-panelbar,:where(html:not(.own-theme)) .ln-panelbar {
  background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:800;
  padding:8px 12px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;
  margin:-14px -14px 14px;text-shadow:0 0 8px rgba(0,229,255,.8);
}
:where(html:not(.own-theme)) #lnc-panel>.ln-panelbar {margin:0}
:where(html:not(.own-theme)) .ln-card h2,:where(html:not(.own-theme)) .ln-card h3 {color:#000;margin:0 0 8px;text-shadow:none}
:where(html:not(.own-theme)) .ln-card p {margin:.4rem 0 .9rem;color:#000}
:where(html:not(.own-theme)) .ln-card p.dim {color:#444;font-size:.9rem}
:where(html:not(.own-theme)) .panel {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  padding:1.3rem;margin-bottom:1.4rem;
}
:where(html:not(.own-theme)) .panel h3 {margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;color:#000080}
:where(html:not(.own-theme)) .panel p {margin:.4rem 0 .9rem;color:#000}
:where(html:not(.own-theme)) .panel p.dim {color:#444;font-size:.9rem}
:where(html:not(.own-theme)) .panel .price {color:#000080;font-weight:bold;white-space:nowrap}
:where(html:not(.own-theme)) .stage {
  display:block;background:var(--w95-face);color:#000;text-decoration:none;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  box-shadow:2px 2px 0 rgba(0,0,0,.35);border-radius:0;padding:1.2rem;
}
:where(html:not(.own-theme)) .stage:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(2px,2px);box-shadow:none}
:where(html:not(.own-theme)) .stage .s-icon {font-size:1.6rem}
:where(html:not(.own-theme)) .stage .s-name {display:block;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:.4rem 0 .2rem;color:#000080}
:where(html:not(.own-theme)) .stage .s-desc {color:#444;font-size:.88rem}

/* ---- 7. BUTTONS: every legacy button -> clickety-clack Win95 ---- */
:where(html:not(.own-theme)) .ln-btn,:where(html:not(.own-theme)) .btn {
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--w95-face);color:#000;font-weight:800;text-decoration:none;
  padding:14px 28px;min-height:48px;min-width:48px;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-align:center;
  font-family:inherit;
}
:where(html:not(.own-theme)) .ln-btn:active,:where(html:not(.own-theme)) .btn:active {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);transform:translate(1px,1px);
}
:where(html:not(.own-theme)) .ln-btn:focus-visible,:where(html:not(.own-theme)) .btn:focus-visible {outline:2px dashed #000080;outline-offset:2px}
:where(html:not(.own-theme)) .ln-btn.green,:where(html:not(.own-theme)) .ln-btn.red,:where(html:not(.own-theme)) .ln-btn.ghost,:where(html:not(.own-theme)) .btn-gold,:where(html:not(.own-theme)) .btn-green,:where(html:not(.own-theme)) .btn-ghost {
  background:var(--w95-face);color:#000;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
}
:where(html:not(.own-theme)) .ln-btn.connect {font-size:1.25rem;padding:18px 40px;min-height:64px}
:where(html:not(.own-theme)) .btn-row {display:flex;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}
:where(html:not(.own-theme)) form.card .btn {justify-self:start}
/* index promo buttons -> Win95 (v187 pulse retired: the chrome is the statement) */
:where(html:not(.own-theme)) .pack-buy,:where(html:not(.own-theme)) .flag-play,:where(html:not(.own-theme)) .flag-dl {
  display:inline-block;font-weight:900;letter-spacing:.08em;text-decoration:none;
  background:var(--w95-face);color:#000;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  padding:13px 26px;min-height:52px;animation:none;
}
:where(html:not(.own-theme)) .pack-buy:active,:where(html:not(.own-theme)) .flag-play:active,:where(html:not(.own-theme)) .flag-dl:active {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  transform:translate(1px,1px);box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
}
:where(html:not(.own-theme)) .pack-buy:hover,:where(html:not(.own-theme)) .coinbtn:hover {animation:none;transform:none;box-shadow:1px 1px 0 rgba(0,0,0,.25),0 0 12px rgba(0,229,255,.45)}
/* index cards -> Win95 windows */
:where(html:not(.own-theme)) .flag-card,:where(html:not(.own-theme)) .pack-card {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  animation:none;
}
:where(html:not(.own-theme)) .flag-card h2 {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .flag-kick {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .flag-sub16 {color:#444;text-shadow:none}
:where(html:not(.own-theme)) .pack-card h3 {color:#000;text-shadow:none}
:where(html:not(.own-theme)) .pack-games {color:#006e84}
:where(html:not(.own-theme)) .pack-vibe,:where(html:not(.own-theme)) .pack-how,:where(html:not(.own-theme)) .pack-note,:where(html:not(.own-theme)) .pack-foot {color:#444}
:where(html:not(.own-theme)) .pack-price {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .pack-price small {color:#444;text-shadow:none}
:where(html:not(.own-theme)) .kicker-line {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .sect h2 {color:#000;text-shadow:none}
:where(html:not(.own-theme)) .call-banner {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
}
:where(html:not(.own-theme)) .cb-copy {color:#000}
:where(html:not(.own-theme)) .cb-copy strong {color:#000080}
:where(html:not(.own-theme)) .cb-flash {filter:none;animation:none}
:where(html:not(.own-theme)) .cb-call {
  display:inline-block;font-weight:900;letter-spacing:.03em;color:#000;
  background:var(--w95-face);padding:.75rem 1.25rem;border-radius:0;text-decoration:none;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  box-shadow:1px 1px 0 rgba(0,0,0,.25);min-height:48px;
}
:where(html:not(.own-theme)) .cb-call:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) .social-row .socbtn {
  background:var(--w95-face);color:#000;text-decoration:none;font-weight:700;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  padding:.55rem .8rem;min-height:48px;min-width:48px;
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:.72rem;letter-spacing:.08em;
}
:where(html:not(.own-theme)) .social-row .socbtn .soc-handle {font-size:.6rem;letter-spacing:.14em;color:#444;font-weight:400}
:where(html:not(.own-theme)) .social-row .socbtn:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) .soc-note {color:#444}

/* ---- 8. FOOTER -> Win95 status bar ---- */
:where(html:not(.own-theme)) .ln-footer,:where(html:not(.own-theme)) footer {
  background:var(--w95-face);
  border-top:2px solid;border-color:var(--w95-light) var(--w95-dark) var(--w95-dark) var(--w95-light);
  margin-top:20px;padding:20px 16px 44px;text-align:center;color:#333;font-size:.82em;
}
:where(html:not(.own-theme)) .ln-footer>div,:where(html:not(.own-theme)) footer>div {margin:.7em 0}
:where(html:not(.own-theme)) .ln-footer .thanks,:where(html:not(.own-theme)) footer .thanks {color:#000080;letter-spacing:.3em;font-weight:700;text-shadow:none;text-transform:uppercase;animation:none}
:where(html:not(.own-theme)) .ln-footer .legal a,:where(html:not(.own-theme)) .ln-footer a,:where(html:not(.own-theme)) footer a {color:#000080}
:where(html:not(.own-theme)) .ln-footer .fine,:where(html:not(.own-theme)) footer .fine {color:#444}
:where(html:not(.own-theme)) .ln-footer .ln-ver,:where(html:not(.own-theme)) footer .ver,:where(html:not(.own-theme)) .ln-footer .ln-dim {color:#666}
:where(html:not(.own-theme)) .ln-footer .ln-reconnect,:where(html:not(.own-theme)) button.ln-reconnect,:where(html:not(.own-theme)) .ln-reconnect {
  background:var(--w95-face);color:#000;font:inherit;text-transform:uppercase;letter-spacing:.06em;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:1px 1px 0 rgba(0,0,0,.25);text-decoration:none;
  padding:10px 18px;min-height:44px;cursor:pointer;
}
:where(html:not(.own-theme)) .ln-reconnect:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) .visitor-counter {
  border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
  border-radius:0;background:#fff;color:#000080;text-shadow:none;box-shadow:none;
  padding:6px 14px;letter-spacing:.2em;
}
:where(html:not(.own-theme)) footer .visitors {color:#000080}
:where(html:not(.own-theme)) footer .visitor-counter-label {color:#444}
:where(html:not(.own-theme)) footer #visitor-count {color:#000080}

/* ---- 9. FORMS: sunken white Win95 fields (logic untouched) ---- */
:where(html:not(.own-theme)) form.card {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  padding:1.3rem;display:grid;gap:.8rem;margin-bottom:1.4rem;
}
:where(html:not(.own-theme)) form.card h3 {margin:0;text-transform:uppercase;letter-spacing:.1em;color:#000080}
:where(html:not(.own-theme)) form.card p {margin:0;color:#444;font-size:.9rem}
:where(html:not(.own-theme)) form.card label {font-size:.78rem;font-weight:700;color:#333;letter-spacing:.12em;text-transform:uppercase}
:where(html:not(.own-theme)) form.card input,:where(html:not(.own-theme)) form.card textarea,:where(html:not(.own-theme)) form.ln-form input,:where(html:not(.own-theme)) form.ln-form textarea,:where(html:not(.own-theme)) .namerow input,:where(html:not(.own-theme)) .lnc-joinrow input,:where(html:not(.own-theme)) .lnc-form input {
  background:#fff;color:#000;
  border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
  border-radius:0;font-family:inherit;font-size:1rem;padding:.8rem .9rem;width:100%;
}
:where(html:not(.own-theme)) form.card input:focus,:where(html:not(.own-theme)) form.card textarea:focus,:where(html:not(.own-theme)) form.ln-form input:focus,:where(html:not(.own-theme)) form.ln-form textarea:focus,:where(html:not(.own-theme)) .lnc-joinrow input:focus,:where(html:not(.own-theme)) .lnc-form input:focus {outline:2px dashed #000080;outline-offset:1px;border-color:#000080}
:where(html:not(.own-theme)) form.ln-form label {color:#000080;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}
:where(html:not(.own-theme)) .namerow label {color:#333}

/* ---- 10. CHAT: Win95 window outside, DOS terminal inside ---- */
:where(html:not(.own-theme)) #lnc-panel {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  overflow:hidden;position:relative;padding:0;margin:14px 0;
}
:where(html:not(.own-theme)) #lnc-panel::after {display:none}
:where(html:not(.own-theme)) .chat-center .lnc-panel {border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);border-radius:0}
:where(html:not(.own-theme)) .lnc-statusbar {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 12px;background:#000;margin-bottom:12px;font-size:.85rem;
  border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  border-radius:0;
}
:where(html:not(.own-theme)) .lnc-dot {width:12px;height:12px;background:#ff3860;flex:0 0 auto}
:where(html:not(.own-theme)) .lnc-statusbar[data-state="connecting"] .lnc-dot {background:#ff2fb3}
:where(html:not(.own-theme)) .lnc-statusbar[data-state="online"] .lnc-dot {background:#7dff9a;box-shadow:0 0 8px #7dff9a}
:where(html:not(.own-theme)) .lnc-status {color:#9fb0d8;text-transform:uppercase;letter-spacing:.06em}
:where(html:not(.own-theme)) .lnc-statusbar[data-state="online"] .lnc-status {color:#7dff9a}
:where(html:not(.own-theme)) .lnc-topic {color:#9fb0d8;font-size:.8rem;flex:1 1 100%}
:where(html:not(.own-theme)) .lnc-count {color:#ff2fb3;font-size:.8rem;margin-left:auto}
:where(html:not(.own-theme)) .lnc-offline {background:#000;border:2px dashed #808080;border-radius:0;padding:22px 16px;text-align:center;margin-bottom:12px}
:where(html:not(.own-theme)) .lnc-offline p {margin:8px 0;color:#9fb0d8}
:where(html:not(.own-theme)) .lnc-offline .lnc-big {color:#ff2fb3;font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}
:where(html:not(.own-theme)) .lnc-log {
  list-style:none;margin:0;padding:12px;background:#000!important;color:#dfe6ff;
  border:2px solid;border-color:#7f7f7f #fff #fff #7f7f7f!important;border-radius:0!important;
  height:340px;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:.92rem;line-height:1.65;
  text-shadow:0 0 6px rgba(125,255,154,.35);
}
:where(html:not(.own-theme)) .lnc-log li {margin:0 0 2px;overflow-wrap:anywhere}
:where(html:not(.own-theme)) .lnc-log .lnc-t {color:#5a5a6a;margin-right:8px}
:where(html:not(.own-theme)) .lnc-log .lnc-n {font-weight:700;margin-right:8px}
:where(html:not(.own-theme)) .lnc-log .lnc-n.c0 {color:#ff2fb3}:where(html:not(.own-theme)) .lnc-log .lnc-n.c1 {color:#7dff9a}:where(html:not(.own-theme)) .lnc-log .lnc-n.c2 {color:#00e5ff}
:where(html:not(.own-theme)) .lnc-log .lnc-n.c3 {color:#ff9de2}:where(html:not(.own-theme)) .lnc-log .lnc-n.c4 {color:#ffb14d}:where(html:not(.own-theme)) .lnc-log .lnc-n.c5 {color:#8affda}
:where(html:not(.own-theme)) .lnc-log .lnc-x {color:#dfe6ff}
:where(html:not(.own-theme)) .lnc-log .lnc-sys {color:#ff2fb3}
:where(html:not(.own-theme)) .lnc-log .lnc-sys::before {content:"* ";color:#ff2fb3}
:where(html:not(.own-theme)) .lnc-log .lnc-err {color:#ff3860}
:where(html:not(.own-theme)) .lnc-nicks {
  list-style:none;margin:0;padding:12px;background:#fff!important;color:#000;font-size:.85rem;
  border:2px solid;border-color:#7f7f7f #fff #fff #7f7f7f!important;border-radius:0!important;
  display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;
}
:where(html:not(.own-theme)) .lnc-nicks .lnc-nickchip {border:1px solid #808080;border-radius:0;color:#000!important;padding:6px 10px;min-height:48px;display:inline-flex;align-items:center;background:#fff}
:where(html:not(.own-theme)) .lnc-nicks .lnc-nickchip::before {content:"@";color:#000080!important;margin-right:4px}
:where(html:not(.own-theme)) .lnc-nickhead {color:#000080;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;flex:1 1 100%}
:where(html:not(.own-theme)) .lnc-hint {color:#333;font-size:.78rem;margin-top:8px}
:where(html:not(.own-theme)) .lnc-hint b {color:#000080}
:where(html:not(.own-theme)) .ln-terminal {
  background:#000;color:#7dff9a;
  border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  padding:10px 12px;font-size:.95rem;line-height:1.7;white-space:pre-wrap;
  text-shadow:0 0 8px rgba(125,255,154,.7);
}
:where(html:not(.own-theme)) .ln-crt::after {background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}
/* dial-up overlay -> a real Win95 dialog */
:where(html:not(.own-theme)) .ln-overlay {background:rgba(0,0,0,.55)}
:where(html:not(.own-theme)) .ln-overlay .ln-box {
  background:var(--w95-face);max-width:560px;width:100%;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
}
:where(html:not(.own-theme)) .ln-overlay .ln-boxhead {
  background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:800;
  padding:10px 14px;letter-spacing:.08em;text-transform:uppercase;border-radius:0;
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  text-shadow:0 0 8px rgba(0,229,255,.8);
}
:where(html:not(.own-theme)) .ln-overlay .ln-boxbody {padding:20px 16px}
:where(html:not(.own-theme)) .ln-overlay .ln-status {background:#000;color:#7dff9a;border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);padding:10px 12px;min-height:150px;margin:14px 0;white-space:pre-wrap;text-shadow:0 0 8px rgba(125,255,154,.7)}
:where(html:not(.own-theme)) .ln-overlay .ln-ascii {color:#000080;text-shadow:none;font-weight:700;white-space:pre;line-height:1.2;font-size:.78rem;overflow-x:auto}
:where(html:not(.own-theme)) .ln-overlay .ln-dim {color:#444}
:where(html:not(.own-theme)) .ln-overlay .ln-green {color:#0a6a2a}
:where(html:not(.own-theme)) .ln-overlay .ln-btn.connect {
  display:inline-block;background:var(--w95-face);color:#000;font:inherit;font-weight:900;
  font-size:1.25em;letter-spacing:.12em;border-radius:0;padding:16px 44px;min-height:60px;cursor:pointer;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
}
:where(html:not(.own-theme)) .ln-overlay .ln-btn.connect:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) .ln-overlay .ln-btn.connect:disabled {color:#808080;text-shadow:1px 1px 0 #fff;cursor:wait}
:where(html:not(.own-theme)) .ln-overlay .ln-skip {
  display:inline-block;background:var(--w95-face);color:#000;font-size:1rem;font-weight:800;
  text-decoration:none;cursor:pointer;padding:12px 20px;min-height:48px;min-width:48px;
  text-transform:uppercase;letter-spacing:.06em;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;
}
:where(html:not(.own-theme)) .ln-overlay .ln-skip:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) .ln-xclose {
  display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;
  background:var(--w95-face);color:#000;border:2px solid;
  border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;font-size:1.5rem;font-weight:800;line-height:1;cursor:pointer;text-shadow:none;
}
:where(html:not(.own-theme)) .ln-xclose:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest)}
:where(html:not(.own-theme)) .ln-loading {background:var(--w95-face);border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;padding:28px 20px;text-align:center;margin:14px 0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) .ln-loading .ln-bar {height:18px;border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);background:#fff;margin:16px 0;position:relative}
:where(html:not(.own-theme)) .ln-loading .ln-bar>i {display:block;height:100%;width:0;background:#000080;transition:width .25s linear}

/* ---- 11. ARCADE page chrome -> Win95 (game canvases untouched) ---- */
:where(html:not(.own-theme)) #arcade .kicker {color:#8a1e00;text-shadow:none}
:where(html:not(.own-theme)) #arcade h2 {color:#000;text-shadow:none}
:where(html:not(.own-theme)) #arcade .sub {color:#333}
:where(html:not(.own-theme)) #arcade .sub strong {color:#000080}
:where(html:not(.own-theme)) #arcade .startbtn,:where(html:not(.own-theme)) #arcade .coinbtn,:where(html:not(.own-theme)) #arcade .dailybtn,:where(html:not(.own-theme)) #arcade #shelfBackBtn,:where(html:not(.own-theme)) #arcade .sharebtn {
  font-family:inherit;background:var(--w95-face);color:#000;font-weight:800;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);
  letter-spacing:.08em;padding:.8rem 1.6rem;cursor:pointer;text-transform:uppercase;
  min-height:48px;font-size:.9rem;text-decoration:none;display:inline-block;animation:none;
}
:where(html:not(.own-theme)) #arcade .startbtn:active,:where(html:not(.own-theme)) #arcade .coinbtn:active,:where(html:not(.own-theme)) #arcade .dailybtn:active,:where(html:not(.own-theme)) #arcade .sharebtn:active,:where(html:not(.own-theme)) #arcade #shelfBackBtn:active {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);transform:translate(1px,1px);
}
:where(html:not(.own-theme)) #arcade .startbtn:disabled {color:#808080;text-shadow:1px 1px 0 #fff}
:where(html:not(.own-theme)) #arcade .dailybtn.on {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);background:#dfdfdf;box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);color:#000080}
:where(html:not(.own-theme)) #arcade .sharefb {color:#ffd23f;font-weight:700;margin-left:.6rem;text-shadow:0 0 8px rgba(255,210,63,.7)}
:where(html:not(.own-theme)) #arcade .shelf {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  margin:1.2rem 0 1.6rem;padding:1rem;
}
:where(html:not(.own-theme)) #arcade .shelf-kicker {margin:0 0 .9rem;color:#000080;font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:none}
:where(html:not(.own-theme)) #arcade .shelf-kicker::after {content:"▌";animation:v187-blink 1.1s steps(1) infinite;color:#0a6a2a;margin-left:.3em}
:where(html:not(.own-theme)) #arcade .shelf-cat {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) #arcade .shelf-note,:where(html:not(.own-theme)) #arcade .shelf-hint {color:#444;font-style:normal}
:where(html:not(.own-theme)) #arcade .cart {background:#1a1a20;border:2px solid #2a2a30;border-radius:0;box-shadow:2px 2px 0 #000;color:#dfe6ff}
:where(html:not(.own-theme)) #arcade .cart-ridge {border-bottom:3px solid #2a2a30;background:repeating-linear-gradient(90deg,#33333a 0 10px,#1a1a20 10px 20px);border-radius:0}
:where(html:not(.own-theme)) #arcade .cart-label {background:#0a0a0e;border:2px solid #2a2a30;border-radius:0}
:where(html:not(.own-theme)) #arcade .cart-title {color:#ffd23f;text-shadow:none}
:where(html:not(.own-theme)) #arcade .cart-sub {color:#9fb0d8}
:where(html:not(.own-theme)) #arcade .cart-cta {background:#000080;color:#fff;border-radius:0;box-shadow:2px 2px 0 #000;animation:none}
:where(html:not(.own-theme)) #arcade .cart-new {border-color:#000080}
:where(html:not(.own-theme)) #arcade .cart-new .cart-label {border-color:#000080}
:where(html:not(.own-theme)) #arcade .cart:hover {border-color:#000080;transform:translateY(-4px)}
:where(html:not(.own-theme)) #arcade .coinread {
  background:#000;color:#7dff9a;font-weight:900;letter-spacing:.08em;text-align:center;font-size:.95rem;
  padding:.8rem .6rem;text-shadow:0 0 10px rgba(125,255,154,.7);
  border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  box-shadow:inset 0 0 12px rgba(125,255,154,.25);
  display:flex;align-items:center;justify-content:center;
}
:where(html:not(.own-theme)) #arcade .scorebar {
  display:flex;gap:1.6rem;align-items:baseline;font-weight:800;background:#000;
  border:2px solid;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  padding:.6rem 1.2rem;width:min(94vw,380px);justify-content:center;position:relative;
}
:where(html:not(.own-theme)) #arcade .scorebar .lbl {display:block;font-size:.68rem;color:#9fb0d8;letter-spacing:.18em;font-weight:700}
:where(html:not(.own-theme)) #arcade .scorebar .sc {font-size:1.6rem;color:#7dff9a;letter-spacing:.06em;text-shadow:0 0 8px rgba(125,255,154,.7)}
:where(html:not(.own-theme)) #arcade .scorebar .sc.lives {color:#ff3860;text-shadow:0 0 8px rgba(255,56,96,.7)}
:where(html:not(.own-theme)) #arcade .board {
  width:min(94vw,380px);background:#fff;color:#000;
  border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);
  border-radius:0;padding:1rem 1.1rem;
}
:where(html:not(.own-theme)) #arcade .board h3 {margin:0 0 .6rem;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#000080}
:where(html:not(.own-theme)) #arcade .board ol {margin:0;padding:0;list-style:none}
:where(html:not(.own-theme)) #arcade .board li {display:flex;justify-content:space-between;gap:.6rem;padding:.3rem 0;font-weight:700;border-bottom:1px dashed #808080}
:where(html:not(.own-theme)) #arcade .board li:last-child {border-bottom:none}
:where(html:not(.own-theme)) #arcade .board li .rank {color:#555;min-width:2.2em}
:where(html:not(.own-theme)) #arcade .board li .pts {color:#000080;letter-spacing:.06em}
:where(html:not(.own-theme)) #arcade .board li.first .rank,:where(html:not(.own-theme)) #arcade .board li.first .pts {color:#0a6a2a}
:where(html:not(.own-theme)) #arcade .board .empty {color:#444;font-size:.88rem}
:where(html:not(.own-theme)) #arcade .pad button {
  font-family:inherit;background:var(--w95-face);color:#000;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;font-size:1.3rem;font-weight:800;padding:.85rem 0;cursor:pointer;
  touch-action:none;box-shadow:2px 2px 0 rgba(0,0,0,.35);min-width:64px;
}
:where(html:not(.own-theme)) #arcade .pad button:active {background:#dfdfdf;border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(2px,2px);box-shadow:none}
:where(html:not(.own-theme)) #arcade .press-start {color:#0a6a2a}
:where(html:not(.own-theme)) #arcade .hintline {color:#444}
:where(html:not(.own-theme)) #arcade .dailypanel {background:var(--w95-face);border:2px dashed #000080;border-radius:0;padding:.7rem 1rem;margin:.2rem auto .6rem;max-width:560px;text-align:center}
:where(html:not(.own-theme)) #arcade .dailyp-title {color:#000080}
:where(html:not(.own-theme)) #arcade .dailyp-sub {color:#444}
:where(html:not(.own-theme)) #arcade .ownerhub {
  background:var(--w95-face);
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35);
  padding:1.3rem;margin-bottom:1.4rem;
}
:where(html:not(.own-theme)) #arcade .hub-kicker {color:#000080}
:where(html:not(.own-theme)) #arcade .ownerhub h3 {color:#000}
:where(html:not(.own-theme)) #arcade .hub-target {color:#000}
:where(html:not(.own-theme)) #arcade .hub-target strong {color:#000080}
:where(html:not(.own-theme)) #arcade .hub-week,:where(html:not(.own-theme)) #arcade .hub-note {color:#444}
:where(html:not(.own-theme)) #arcade .beat-tag {background:#000080;color:#fff;border-radius:0}
:where(html:not(.own-theme)) #arcade #lb-challenge li.beat .pts {color:#0a6a2a}
:where(html:not(.own-theme)) #arcade .crt {border:3px solid #808080;box-shadow:2px 2px 0 rgba(0,0,0,.35);border-radius:0}
:where(html:not(.own-theme)) #arcade .game canvas {background:#050508}

/* ---- 12. SHOP page (its <style> sits after this sheet: body-boosted) ---- */
:where(html:not(.own-theme)) body .shop-card {background:var(--w95-face);border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) body .shop-card:hover,:where(html:not(.own-theme)) body .shop-card:active {transform:translateY(-4px);border-color:#000080;box-shadow:2px 2px 0 rgba(0,0,0,.35),0 0 14px rgba(0,0,255,.25)}
:where(html:not(.own-theme)) body .shop-title {color:#000080;text-shadow:none;animation:none}
:where(html:not(.own-theme)) body .shop-kicker,:where(html:not(.own-theme)) body .shop-sub {color:#444}
:where(html:not(.own-theme)) body .ticker {background:var(--w95-face);border-top:2px solid #808080;border-bottom:2px solid #808080}
:where(html:not(.own-theme)) body .ticker .tape {color:#000080;animation:tape 18s linear infinite}
:where(html:not(.own-theme)) body .ticker .tape b {color:#0a6a2a}
:where(html:not(.own-theme)) body .shop-sec h2 {color:#000}
:where(html:not(.own-theme)) body .shop-sec .neon-rule {background:#000080;box-shadow:none}
:where(html:not(.own-theme)) body .shop-sec p {color:#444}
:where(html:not(.own-theme)) body .shop-art {background:#000;border-bottom:2px solid #808080}
:where(html:not(.own-theme)) body .shop-name {color:#000}
:where(html:not(.own-theme)) body .shop-blurb {color:#444}
:where(html:not(.own-theme)) body .sticker {background:#000080;color:#fff;border:2px solid #000080;border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.4);animation:none}
:where(html:not(.own-theme)) body .sticker::after {display:none}
:where(html:not(.own-theme)) body .buy-btn {background:var(--w95-face);color:#000;border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) body .buy-btn:hover {background:#dfdfdf}
:where(html:not(.own-theme)) body .buy-btn:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(2px,2px);box-shadow:none}
:where(html:not(.own-theme)) body .buy-btn.free {background:var(--w95-face)}
:where(html:not(.own-theme)) body .buy-btn.free:hover {background:#dfdfdf}
:where(html:not(.own-theme)) body .buy-btn[disabled] {background:#dfdfdf;color:#808080;border-color:#808080;box-shadow:none;text-shadow:1px 1px 0 #fff}
:where(html:not(.own-theme)) body .soon-badge {background:#808080;color:#fff;border:2px solid #808080;border-radius:0}
:where(html:not(.own-theme)) body .was-price {color:#666}
:where(html:not(.own-theme)) body .pack-note {color:#0a6a2a}
:where(html:not(.own-theme)) body .spit-bubble {background:var(--w95-face);border:2px solid #000080;border-radius:0;color:#000;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) body .spit-ascii {color:#0a6a2a}
:where(html:not(.own-theme)) body .spit-cap {color:#444}

/* ---- 13. APPS page (its <style> sits after this sheet: body-boosted) ---- */
:where(html:not(.own-theme)) body .apps-hero .kicker {color:#000080}
:where(html:not(.own-theme)) body .apps-hero h1 {color:#000}
:where(html:not(.own-theme)) body .apps-hero .sub {color:#444}
:where(html:not(.own-theme)) body .app-card {background:var(--w95-face);border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) body .app-card h3 {color:#000}
:where(html:not(.own-theme)) body .app-card .price {color:#000080}
:where(html:not(.own-theme)) body .app-card p {color:#444}
:where(html:not(.own-theme)) body .app-card .btn {background:var(--w95-face);color:#000;border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25)}
:where(html:not(.own-theme)) body .app-card .btn:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) body .app-card .btn.soon {color:#808080}
:where(html:not(.own-theme)) body .app-card .tag {border-radius:0}
:where(html:not(.own-theme)) body .app-card .tag.screensaver {background:#dfdfdf;color:#000080;border:1px solid #000080}
:where(html:not(.own-theme)) body .app-card .tag.buddy {background:#dfdfdf;color:#7a5c00;border:1px solid #7a5c00}
:where(html:not(.own-theme)) body .app-card .tag.lab {background:#dfdfdf;color:#006e84;border:1px solid #006e84}
:where(html:not(.own-theme)) body .sect-kicker {color:#000080}

/* ---- 14. BUY page: the money moment -> Win95 dialog (flow untouched) ---- */
:where(html:not(.own-theme)) .card {background:var(--w95-face);border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) .card h1 {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .card .sub,:where(html:not(.own-theme)) .card .games,:where(html:not(.own-theme)) .card .note {color:#444}
:where(html:not(.own-theme)) .card .price {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .card .was {color:#444}
:where(html:not(.own-theme)) .card .was s {color:#666}
:where(html:not(.own-theme)) .card .save {background:#000080;color:#fff;border-radius:0}
:where(html:not(.own-theme)) .card label {color:#333}
:where(html:not(.own-theme)) .card input[type=email] {background:#fff;color:#000;border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);border-radius:0}
:where(html:not(.own-theme)) .card input[type=email]:focus {outline:2px dashed #000080;outline-offset:1px}
:where(html:not(.own-theme)) .card button,:where(html:not(.own-theme)) .pay-btn,:where(html:not(.own-theme)) .status-check button {
  background:var(--w95-face);color:#000;font-weight:900;letter-spacing:.06em;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;box-shadow:1px 1px 0 rgba(0,0,0,.25);cursor:pointer;text-decoration:none;text-align:center;
}
:where(html:not(.own-theme)) .card button:active,:where(html:not(.own-theme)) .pay-btn:active,:where(html:not(.own-theme)) .status-check button:active {
  border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);
  box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);transform:translate(1px,1px);
}
:where(html:not(.own-theme)) .card button:disabled {color:#808080;text-shadow:1px 1px 0 #fff;cursor:default}
:where(html:not(.own-theme)) .pay-btn:hover {filter:none;background:#dfdfdf}
:where(html:not(.own-theme)) .card .codebox {background:#fff;border:2px dashed #000080;border-radius:0}
:where(html:not(.own-theme)) .card .code {color:#000080;text-shadow:none}
:where(html:not(.own-theme)) .card .steps li::before {color:#000080}
:where(html:not(.own-theme)) .card .steps b {color:#000080}
:where(html:not(.own-theme)) .card .err {color:#b00020}
:where(html:not(.own-theme)) .card .back {color:#000080}
:where(html:not(.own-theme)) .card .play-game {
  background:var(--w95-face);color:#000;font-weight:900;
  border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);
  border-radius:0;text-shadow:none;box-shadow:1px 1px 0 rgba(0,0,0,.25);text-decoration:none;
}
:where(html:not(.own-theme)) .card .play-game:active {border-color:var(--w95-darkest) var(--w95-light) var(--w95-light) var(--w95-darkest);transform:translate(1px,1px)}
:where(html:not(.own-theme)) .card .pay-explain {color:#444}
:where(html:not(.own-theme)) .card .pay-explain b {color:#000080}
:where(html:not(.own-theme)) .card #statusMsg {color:#444}

/* ---- 15. CONTENT pages (album / immortalize / retired-shelf / scratch / time-capsule):
   their own <style> rides on the remapped tokens; square the chrome. ---- */
:where(html:not(.own-theme)) .badge {background:var(--w95-face);border:2px solid #000080;color:#000080;border-radius:0;box-shadow:1px 1px 0 rgba(0,0,0,.25);text-shadow:none}
:where(html:not(.own-theme)) .ver {color:#444}

/* ---- 16. COMMUNITY extras ---- */
:where(html:not(.own-theme)) .chat-head .avatar {border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:1px 1px 0 rgba(0,0,0,.25)}
:where(html:not(.own-theme)) .aplus {background:#000080;color:#fff;border-radius:0;box-shadow:none;text-shadow:none}
:where(html:not(.own-theme)) body .sd-card {background:#1a1a24;border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.5)}
:where(html:not(.own-theme)) #comm-leaderboards .board {background:#fff;color:#000;border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);border-radius:0;padding:1rem 1.1rem}
:where(html:not(.own-theme)) #comm-leaderboards .board h3 {color:#000080;margin:0 0 .6rem;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}
:where(html:not(.own-theme)) #comm-leaderboards .board ol {margin:0;padding:0;list-style:none}
:where(html:not(.own-theme)) #comm-leaderboards .board li {display:flex;justify-content:space-between;gap:.6rem;padding:.3rem 0;font-weight:700;border-bottom:1px dashed #808080}
:where(html:not(.own-theme)) #comm-leaderboards .board li .rank {color:#555;min-width:2.2em}
:where(html:not(.own-theme)) #comm-leaderboards .board li .pts {color:#000080}
:where(html:not(.own-theme)) #comm-leaderboards .board .empty {color:#444}

/* ---- 17. PHOTOS / GIFTS / WALL ---- */
:where(html:not(.own-theme)) .photorow figure {background:var(--w95-face);border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) .photorow figcaption {color:#333;border-top:2px solid #808080}
:where(html:not(.own-theme)) .photorow figcaption b {color:#000080}
:where(html:not(.own-theme)) .swipe-hint {color:#444}
:where(html:not(.own-theme)) .gift-grid .qr-card {background:#fff;border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) .gift-grid .qr-card .tag {color:#000}
:where(html:not(.own-theme)) .wall {background:var(--w95-face);border:2px solid #000080;border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) .wall h3 {color:#000080}
:where(html:not(.own-theme)) .wall p {color:#444}
:where(html:not(.own-theme)) .wall li.goldname {background:#000;border:2px solid #000080;color:#ffd23f;border-radius:0}
:where(html:not(.own-theme)) .wall .wempty {border:2px dashed #808080;color:#444}

/* ---- 18. SERVER STATUS: the LEDs stay neon — they're the accent ---- */
:where(html:not(.own-theme)) .server-status {color:#000080}
:where(html:not(.own-theme)) .server-panel {background:var(--w95-face);border:2px solid;border-color:var(--w95-light) var(--w95-darkest) var(--w95-darkest) var(--w95-light);border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
:where(html:not(.own-theme)) .server-panel .ss-hero strong {color:#000}
:where(html:not(.own-theme)) .server-panel .ss-line {color:#444}
:where(html:not(.own-theme)) .server-panel .ss-line strong {color:#000}
:where(html:not(.own-theme)) .server-panel .ss-stale {color:#000080}
:where(html:not(.own-theme)) .server-panel .ss-brand {color:#000080}
:where(html:not(.own-theme)) .newbadge {background:#000080;color:#fff;border-radius:0;animation:none}

/* ---- 19. Small screens: keep the 95 chrome tight ---- */
@media (max-width:600px){
  :where(html:not(.own-theme)) .marquee {margin:8px}
  :where(html:not(.own-theme)) .marquee h1 {font-size:1.3em}
  :where(html:not(.own-theme)) .ln-card {margin:10px 0}}

/* game-dialog headings keep their light paint (their <style> rides after this sheet) */
:where(html:not(.own-theme)) #welcome .card2 h2,:where(html:not(.own-theme)) #event .card2 h2,:where(html:not(.own-theme)) #prestige .card2 h2 {color:#fff}
/* ============ v202 SUNSET BOULEVARD — version banner ============ */
/* ============ v203 STAMP PLATE — compact version marker (Levi's word) ============ */
.v210-stamp{
  margin:8px auto;max-width:960px;text-align:center;
  background:linear-gradient(90deg,#c22e0c,#ff8c2e,#ffc832,#ff8c2e,#c22e0c);
  border:2px solid #2a1206;border-radius:10px;
  padding:6px 10px;color:#2a1206;
  font-family:"Courier New",Courier,monospace;
  display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 0 12px rgba(255,140,46,.5);
}
.v210-stamp .stamp-ver{
  font-size:1.1rem;font-weight:900;letter-spacing:.08em;
  background:#2a1206;color:#ffc832;border-radius:6px;padding:2px 10px;
}
.v210-stamp .stamp-txt{
  font-size:.78rem;font-weight:700;letter-spacing:.04em;
}
@media (prefers-reduced-motion:reduce){.v210-stamp{animation:none}}

/* ============ v203 QUICK STRIP — radio + BBS visible without scrolling ============ */
.quick-strip{
  max-width:960px;margin:10px auto;padding:0 8px;
  display:grid;gap:10px;
}
.quick-strip .lsamp{margin:0 auto;max-width:560px;width:100%}
.quick-strip .bbs-flash{margin:0 auto;max-width:560px;width:100%}

/* v203: breathing room — not scrunched */
.w95-sitebar{gap:6px;padding:8px 6px;flex-wrap:wrap}
.ln-util{padding:6px 8px;gap:8px}
.w95-desktop{padding:8px 0}