/* ==========================================================================
   SHILAJITBRAND — game branding layer (UI CHROME ONLY)
   Load AFTER the page's own <style>. The game CANVAS keeps its retro CGA art;
   this only restyles the HTML chrome (headers, buttons, panels, lobby, help).
   Source of truth: game-branding/BRANDING-BRIEF.md
   ========================================================================== */
:root{
  --bg-base:#07090e; --bg-panel:#0d1118; --bg-panel-elevated:#131924;
  --border-subtle:#1e2838; --border-bright:#2d3e57;
  --amber-main:#ff9e1b; --amber-dim:#995c0c; --amber-glow:rgba(255,158,27,.2);
  --green-phosphor:#00ff66; --green-dim:#006629;
  --cyan-ice:#38e1ff; --cyan-dim:#155566;
  --red-alert:#ff3b30; --text-main:#e2e8f0; --text-muted:#7989a3;
  /* legacy aliases the game chrome already uses -> remap to brand */
  --cy:var(--cyan-ice); --am:var(--amber-main); --gr:var(--green-phosphor);
  --rd:var(--red-alert); --wh:var(--text-main); --mg:#ff55ff;
  --cga-cyan:var(--cyan-ice); --cga-amber:var(--amber-main); --cga-green:var(--green-phosphor);
  --cga-red:var(--red-alert); --cga-white:var(--text-main); --cga-magenta:#ff55ff;
}

/* UI chrome uses the brand terminal font (canvas keeps VT323 — set in JS) */
body,#titlebar,#menubar,#statusbar,.tbtn,.mitem,.b,.dos-btn,.ega-btn,.pbtn,.sbtn,button,input,select,textarea{
  font-family:'JetBrains Mono',monospace;
}
h1,.brand-word,.display{font-family:'Space Grotesk',sans-serif}

/* ------------------------------- lockup --------------------------------- */
.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1}
.brand-lockup svg{width:26px;height:26px;color:var(--amber-main);filter:drop-shadow(0 0 6px var(--amber-glow));flex:0 0 auto}
.brand-word{font-weight:800;letter-spacing:.13em;color:var(--amber-main);text-transform:uppercase}
.brand-tag{margin-left:8px;font-size:10px;letter-spacing:.24em;color:var(--green-phosphor);text-transform:uppercase}
.brand-stack{display:flex;flex-direction:column;gap:1px;line-height:1}
.brand-stack .brand-word{font-size:15px;letter-spacing:.20em}
.brand-url{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;color:var(--cyan-ice,var(--green-phosphor));opacity:.85;text-transform:uppercase}
.brand-lockup:hover .brand-url{opacity:1}

/* --------------------------- corner brackets ---------------------------- */
.brk{position:relative}
.brk::before,.brk::after{content:'';position:absolute;width:7px;height:7px;pointer-events:none}
.brk::before{top:-1px;left:-1px;border-top:2px solid var(--amber-main);border-left:2px solid var(--amber-main)}
.brk::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--amber-main);border-right:2px solid var(--amber-main)}

/* ------------------------- generic chrome rebrand ----------------------- */
/* index.html OS shell */
#window{background:var(--bg-base);border-color:var(--cyan-ice)!important;box-shadow:0 0 40px rgba(56,225,255,.12),inset 0 0 60px rgba(0,0,0,.7)!important}
#titlebar{background:linear-gradient(#131924,#0d1118)!important;border-bottom-color:var(--border-bright)!important}
#menubar{background:var(--bg-base)!important;border-bottom-color:var(--border-subtle)!important}
#statusbar{background:var(--bg-panel)!important;border-top-color:var(--border-bright)!important}
.tbtn{background:var(--bg-panel)!important;border-color:var(--border-bright)!important;color:var(--amber-main)!important}
.tbtn:hover{background:var(--amber-main)!important;color:#000!important}

/* fighting.html header + buttons */
header{border-color:var(--amber-main)!important;background:var(--bg-base)!important}
.b{border-color:var(--border-bright)!important;color:var(--amber-main)!important;background:var(--bg-panel)!important}
.b:hover{background:var(--amber-main)!important;color:#000!important}
.b.grn{border-color:var(--green-phosphor)!important;color:var(--green-phosphor)!important}
.b.grn:hover{background:var(--green-phosphor)!important;color:#000!important}
.b.rd{border-color:var(--red-alert)!important;color:var(--red-alert)!important}

/* expedition-game.html header buttons (Tailwind "dos-btn") */
.dos-btn{border-color:var(--border-bright)!important;color:var(--amber-main)!important;background:var(--bg-panel)!important}
.dos-btn:hover{background:var(--amber-main)!important;color:#000!important}
.dos-btn-amber{border-color:var(--amber-main)!important;color:var(--amber-main)!important}
.dos-btn-green{border-color:var(--green-phosphor)!important;color:var(--green-phosphor)!important}
.dos-box{border-color:var(--border-bright)!important;background:var(--bg-panel)!important}

/* ------------------------------ lobby ----------------------------------- */
#mp-overlay{background:rgba(3,4,7,.92)!important}
#mp-box{background:var(--bg-panel)!important;border-color:var(--amber-main)!important}
#mp-box h2{color:var(--amber-main)!important;font-family:'Space Grotesk',sans-serif!important}
#mp-box .sub{color:var(--text-muted)!important}
#mp-box input{background:var(--bg-base)!important;border-color:var(--border-bright)!important;color:var(--text-main)!important}
#mp-box .btn{border-color:var(--cyan-ice)!important;color:var(--cyan-ice)!important;background:var(--bg-base)!important}
#mp-box .btn:hover{background:var(--cyan-ice)!important;color:#000!important}
#mp-box .btn.amber{border-color:var(--amber-main)!important;color:var(--amber-main)!important}
#mp-box .btn.amber:hover{background:var(--amber-main)!important;color:#000!important}
#mp-box .btn.on{background:var(--green-phosphor)!important;color:#000!important;border-color:var(--green-phosphor)!important}
#mp-box .btn.red{border-color:var(--red-alert)!important;color:var(--red-alert)!important}
#mp-list{border-color:var(--border-subtle)!important}
#mp-list .pl.me{background:var(--bg-panel-elevated)!important}
#mp-msg{color:var(--amber-main)!important}

/* ------------------------------ help ------------------------------------ */
#os-help{background:rgba(3,4,7,.92)!important}
.os-help-box{background:var(--bg-panel)!important;border-color:var(--amber-main)!important}
.os-help-title{background:var(--bg-panel-elevated)!important;border-bottom-color:var(--border-bright)!important;color:var(--amber-main)!important}
.os-tab{border-color:var(--border-bright)!important;color:var(--cyan-ice)!important;background:var(--bg-base)!important}
.os-tab.on{background:var(--amber-main)!important;color:#000!important}
.os-help-body td:first-child{color:var(--green-phosphor)!important}
.os-help-body h4{color:var(--amber-main)!important}

/* primary buttons */
.btn-primary,button.play{background:var(--green-phosphor)!important;color:#000!important;border-color:var(--green-phosphor)!important;box-shadow:0 0 14px rgba(0,255,102,.35)}