/* ============================================================================
   GONJARA TERMLINK — terminal-computer skin laid over the REAL arandompothead.me
   Rides on the real DOM (real pages, real buttons, real data via the preview proxy).
   The whole site renders inside a weathered green monitor casing + recessed CRT screen.
   PREVIEW ONLY — never deployed to the live site.
   ============================================================================ */

/* Retune the site's OWN css variables to RobCo green so every real element inherits it */
:root{
  --bg:#05100a !important;
  --panel:rgba(4,18,10,.62) !important;
  --panel2:rgba(6,24,14,.78) !important;
  --line:#1f7a32 !important;
  --txt:#5cf06f !important;
  --mut:#33a84a !important;
  --green:#7dff8b !important;
  --gold:#cfe88f !important;
  --red:#ff6a6a !important;
}
html{background:#000}
body.termpc{
  font-family:Consolas,"Courier New",ui-monospace,monospace !important;
  /* DO NOT paint the page background — the ORIGINAL battle-art (styles.css body splash.png)
     must show through OUTSIDE the terminal casings. A solid color here covered it up. */
  color:var(--txt); background:transparent !important; letter-spacing:.2px;
}
/* keep the REAL battle-art background, NATURAL — exactly like the live site: no dim, no green tint.
   z-index:-1 so it sits ABOVE html's black but the body (transparent) never hides it. */
body.termpc::before{
  content:"";position:fixed;inset:0;z-index:-1;
  background:#0b0d10 url('/brand/splash.png') center center/cover no-repeat;
  background-attachment:fixed;opacity:1;filter:none;
}

/* ===== monitor casing ===== */
.tpc{
  position:relative;max-width:1180px;margin:26px auto;padding:34px 70px 62px 42px;
  border-radius:34px 34px 22px 22px;
  background:linear-gradient(168deg,#5a6347 0%,#454f37 28%,#333c28 64%,#262e1d 100%);
  border:1px solid #10140b;
  box-shadow:0 26px 60px rgba(0,0,0,.75), inset 0 4px 6px rgba(255,255,255,.10), inset 0 -16px 34px rgba(0,0,0,.55);
}
.tpc-screw{position:absolute;width:18px;height:18px;border-radius:50%;z-index:5;background:radial-gradient(circle at 36% 32%,#6b7758,#1c2415);box-shadow:inset 0 0 3px rgba(0,0,0,.85),0 1px 1px rgba(255,255,255,.12)}
.tpc-screw::after{content:"";position:absolute;inset:5px;border-top:2px solid #0e120a;transform:rotate(40deg)}
.tpc-screw.tl{top:16px;left:18px}.tpc-screw.tr{top:16px;right:18px}.tpc-screw.bl{bottom:42px;left:18px}.tpc-screw.br{bottom:42px;right:18px}
.tpc-knob{position:absolute;right:20px;width:34px;height:34px;border-radius:50%;z-index:5;background:radial-gradient(circle at 40% 34%,#3c4632,#10160c);box-shadow:0 2px 5px rgba(0,0,0,.7),inset 0 0 4px rgba(0,0,0,.8)}
.tpc-knob::after{content:"";position:absolute;top:4px;left:50%;width:2px;height:11px;background:#7d8a6b;transform:translateX(-50%)}
.tpc-knob.k1{top:120px}.tpc-knob.k2{top:178px}
.tpc-vent{position:absolute;bottom:18px;left:42px;width:150px;height:22px;border-radius:3px;background:repeating-linear-gradient(90deg,#10140b 0 3px,#39432c 3px 7px);box-shadow:inset 0 0 4px rgba(0,0,0,.8)}
.tpc-plate{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:3px 18px;border-radius:4px;background:linear-gradient(#2b331f,#1a2014);border:1px solid #11160c;font:800 12px Consolas;letter-spacing:3px;color:#aebb9c;text-shadow:0 1px 0 rgba(255,255,255,.14);white-space:nowrap}

/* ===== recessed CRT screen (contains the whole real site) ===== */
.tpc-scr{
  position:relative;border-radius:16px;padding:18px 26px 26px;overflow:hidden;
  background:radial-gradient(ellipse 130% 120% at 50% 10%,#072410 0%,#03130a 55%,#000 100%);
  border:3px solid #0c110a;
  box-shadow:inset 0 0 0 5px #060a05, inset 0 0 130px rgba(0,0,0,.92), 0 0 22px rgba(70,227,92,.16);
  text-shadow:0 0 5px rgba(70,227,92,.4);
}
.tpc-scr::after{ /* soft screen vignette + top phosphor glow (scanlines now live on the fixed .crt-glass) */
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:13px;
  box-shadow:inset 0 0 90px rgba(0,0,0,.55);
  background:radial-gradient(ellipse 120% 55% at 50% 0%, rgba(70,227,92,.07), transparent 60%);
}
.tpc-scr > *{position:relative;z-index:1}

/* ===== blend the real header / main into the screen ===== */
body.termpc .top{position:static !important;background:transparent !important;border:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
body.termpc .top .wrap,body.termpc main.wrap,body.termpc footer.wrap{max-width:none !important;width:auto !important;padding-left:0 !important;padding-right:0 !important;margin:0 !important;background:transparent !important}
body.termpc nav.tabs{border-top:1px solid var(--line);border-bottom:1px dashed rgba(70,227,92,.28);margin-top:8px}
body.termpc nav.tabs button{color:var(--mut)}
body.termpc nav.tabs button:hover{color:var(--green)}
body.termpc nav.tabs button.active{color:var(--green) !important;border-bottom-color:var(--green) !important;text-shadow:0 0 9px rgba(125,255,139,.75)}

/* headings + text glow */
body.termpc h1,body.termpc h2,body.termpc h3,body.termpc .section,body.termpc .price,body.termpc .brand b{color:var(--green) !important;text-shadow:0 0 8px rgba(125,255,139,.55)}
body.termpc .muted,body.termpc .lead,body.termpc .sub{color:var(--mut) !important}
body.termpc a{color:var(--green) !important}

/* panels / cards = faint green-outlined terminal blocks on the dark CRT */
body.termpc .card,body.termpc .panel,body.termpc .enc,body.termpc .lp-feat,
body.termpc .map-side,body.termpc .map-checklist,body.termpc .map-etypes,body.termpc .map-results{
  background:rgba(3,20,11,.55) !important;border:1px solid var(--line) !important;border-radius:8px !important;
  box-shadow:inset 0 0 0 1px rgba(70,227,92,.08), 0 0 14px rgba(70,227,92,.05) !important;
}

/* buttons */
body.termpc .mini-btn,body.termpc .map-chip,body.termpc .map-rtbtn,body.termpc .btn.ghost,body.termpc #account-btn.ghost{
  background:#04150b !important;border:1px solid var(--line) !important;color:var(--green) !important;text-shadow:0 0 5px rgba(125,255,139,.4) !important;
}
body.termpc .mini-btn:hover,body.termpc .map-chip:hover,body.termpc .map-rtbtn:hover{border-color:var(--green) !important;box-shadow:0 0 9px rgba(125,255,139,.45) !important}
body.termpc .btn,body.termpc .mini-btn.buy,body.termpc .map-chip.on,body.termpc #account-btn{
  background:var(--green) !important;color:#03160b !important;border-color:var(--green) !important;text-shadow:none !important;box-shadow:0 0 12px rgba(125,255,139,.4) !important;
}

/* logo + pills + inputs + tables */
body.termpc .logo{border-color:var(--green) !important;box-shadow:0 0 12px rgba(125,255,139,.4)}
body.termpc .pcpill{border-color:var(--green) !important;color:var(--green) !important}
body.termpc input,body.termpc textarea,body.termpc select{background:#04150b !important;border:1px solid var(--line) !important;color:var(--green) !important}
body.termpc input::placeholder,body.termpc textarea::placeholder{color:rgba(125,255,139,.4) !important}
body.termpc table th{color:var(--green) !important}
body.termpc table td,body.termpc table th{border-color:var(--line) !important}

/* ===== KEEP THE REAL MAP FULL-COLOR — never tint it (owner directive) ===== */
body.termpc .map-wrap,body.termpc .map-wrap *{filter:none !important;text-shadow:none !important}
body.termpc .map-wrap{border:1px solid var(--line) !important;background:#0a0e12 !important}
body.termpc .leaflet-container{background:#0a0e12 !important}

/* 3-way account category toggle + masked DRM key chip (owner 2026-06-10) */
body.termpc .usr-cat.on{background:var(--green) !important;color:#03160b !important;border-color:var(--green) !important;text-shadow:none !important}
body.termpc code.drmk{background:#04150b !important;border:1px solid var(--line);border-radius:6px;padding:2px 7px;letter-spacing:1px;color:var(--txt)}

/* ===== CRT scanlines — CONFINED TO THE SCREEN ONLY (never over the background art) ===== */
.tpc-scr::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:13px;
  background:repeating-linear-gradient(rgba(0,0,0,0) 0 2px, rgba(0,0,0,.20) 2px 3px);
  animation:crtflicker 6s steps(50) infinite;}
@keyframes crtflicker{0%,100%{opacity:.97}48%{opacity:1}50%{opacity:.93}52%{opacity:1}}

/* Gonjara TERMLINK boot header */
.tboot{font-family:Consolas,"Courier New",ui-monospace,monospace;color:var(--green);text-shadow:0 0 8px rgba(125,255,139,.7);font-size:12px;letter-spacing:1.5px;line-height:1.5;opacity:.92;margin:0 0 12px;white-space:pre-wrap;word-break:break-word}
.tboot .blink{display:inline-block;width:8px;height:13px;background:var(--green);vertical-align:middle;margin-left:3px;animation:tblink 1.1s steps(1) infinite}
@keyframes tblink{0%,50%{opacity:1}51%,100%{opacity:0}}

/* flatter, more "terminal panel" look (less modern-website) */
body.termpc .card,body.termpc .panel,body.termpc .enc,body.termpc .resource,body.termpc .rev-card,body.termpc .map-side,body.termpc .map-checklist{border-radius:4px !important}
body.termpc .mini-btn,body.termpc .btn,body.termpc .map-chip,body.termpc .map-rtbtn{border-radius:4px !important}
/* stronger phosphor + bracketed active tab */
body.termpc h1,body.termpc h2,body.termpc .section{text-shadow:0 0 10px rgba(125,255,139,.7) !important}
body.termpc nav.tabs button.active::before{content:"> "}

/* accounts panel — terminal polish: bracketed category tabs + tighter rows */
body.termpc .usr-cat{text-transform:uppercase;letter-spacing:1px;font-size:12px}
body.termpc .usr-cat::before{content:"[ "}
body.termpc .usr-cat::after{content:" ]"}
body.termpc .adm-tbl td,body.termpc .adm-tbl th{padding:6px 8px;vertical-align:top}
body.termpc .adm-tbl .mini-btn{padding:3px 7px;font-size:11px;margin:1px}
body.termpc .adm-tbl .mini-sel{font-size:11px;padding:2px 4px}
body.termpc code.drmk{font-size:11px}
body.termpc code.ucred{font-size:11px}