













































:root {
  







  --line: rgba(192, 32, 32, 0.45);         
  --line-quiet: rgba(192, 32, 32, 0.26);
  --line-gold: rgba(232, 184, 58, 0.45);   
  --line-gold-quiet: rgba(232, 184, 58, 0.24);

  





  --ring: 0 0 0 4px rgba(8, 6, 4, 0.35);
  --ring-tight: 0 0 0 3px rgba(8, 6, 4, 0.28);
  --lift: 0 12px 40px rgba(0, 0, 0, 0.55);
  --lift-sm: 0 8px 24px rgba(0, 0, 0, 0.45);

  










  --tr-prose: 0.02em;
  --tr-body: 0.08em;
  --tr-value: 0.12em;
  --tr-label: 0.22em;
  --tr-head: 0.32em;
}


































 
.soviet-panel { border-width: 1px; border-color: var(--line); }

 
.soviet-btn { border-width: 1px; border-color: var(--line); }
.diff-card, .slot-row, .pause-tab, .ql-list, .ql-detail,
.stl-preview, .stl-zone, .stl-chip, .stl-note { border-width: 1px; border-color: var(--line); }
.perk-card, .map-tip, .ql-thumb, #build-tier { border-width: 1px; border-color: var(--line-gold); }
.slot-thumb, #build-help, .bs-track { border-width: 1px; border-color: var(--line); }
.opt-check { border-width: 1px; border-color: var(--line); }

 
#pda { border-width: 1px; border-color: var(--line); }
#pda .pda-header, #pda .pda-tabs { border-bottom-width: 1px; border-bottom-color: var(--line); }
#pda .pda-grid, #pda .pda-item, #pda .pda-row, #pda .pda-quest { border-width: 1px; border-color: var(--line); }
#pda .pda-col h3, #pda .pda-act { border-bottom-width: 1px; border-bottom-color: var(--line); }
#pda .pda-close { border-width: 1px; border-color: var(--line-gold); }
#pda-tooltip { border-width: 1px; border-color: var(--line-gold); }




#pda .pda-tab { border-right-width: 1px; border-right-color: var(--line); }

 
#menus-root .menu-head { border-bottom-width: 1px; border-bottom-color: var(--line); }
#screen-pause .map-canvas { border-width: 1px; border-color: var(--line); }
.stl-header { border-bottom-width: 1px; border-bottom-color: var(--line); }
.stl-cost-h, .stl-foot { border-color: var(--line-quiet); }
.menu-panel, .pause-panel, .wide-panel, .stl-panel { border-width: 1px; border-color: var(--line); }

 
#build-radial-hub { border-width: 1px; border-color: var(--line-gold); }
.build-slot { border-width: 1px; border-color: var(--line); }
.br-frame { border-width: 1px; border-color: var(--line-gold-quiet); }

 
.hud-qhead { border-bottom-color: var(--line); }
.hud-zone { border-top-color: var(--line); }
.hud-xp-bar, .hud-bike-bar { border-color: var(--line-gold); }
.dlg-choice .dlg-tag { border-color: var(--line-gold-quiet); }













.soviet-panel { box-shadow: var(--ring), var(--lift); }
#pda { box-shadow: var(--ring), var(--lift); }
#pda-tooltip { box-shadow: var(--ring-tight), var(--lift-sm); }
.hud-toast { box-shadow: var(--ring-tight), var(--lift-sm); }
#hud-bike { box-shadow: var(--ring-tight), var(--lift-sm); }
#build-radial-hub { box-shadow: var(--ring), var(--lift-sm); }
.build-slot { box-shadow: var(--ring-tight); }



.menu-panel, .pause-panel { outline: 1px solid var(--line-quiet); outline-offset: 5px; }




#dialogue-overlay { box-shadow: var(--ring), 0 -14px 34px rgba(0, 0, 0, 0.5); }
#dialogue-overlay { border-top-width: 1px; border-top-color: var(--line); }
#dialogue-overlay .dlg-speaker { border-bottom: 1px solid var(--line-gold-quiet); padding-bottom: 4px; }
#dialogue-overlay .dlg-choice { border-width: 1px; border-color: var(--line); }



























body { letter-spacing: var(--tr-body); }






.hud-sub-text, .dlg-text, .diff-desc, .perk-desc, .standing-detail,
.ql-objective, .ql-check-text, .stl-note, .stl-pdesc { letter-spacing: var(--tr-prose); }

 
.menu-head, .diff-name, .opt-label, .death-title, .pause-tab, .dlg-tag,
#build-tier, .diff-stats, .slot-name, .stl-title, .hud-lu-title,
.hud-sub-speaker, .pda-legend, .map-hint, .ql-kind { letter-spacing: var(--tr-label); }

 
.menu-sub, .menu-foot, .hud-zone, .hud-qhead, .hud-horde-label,
.dlg-speaker, .pda-title, .pda-col h3, .stl-sub { letter-spacing: var(--tr-head); }


















.hud-lu-title, .hud-sub-speaker, .map-hint, .menu-sub,
.menu-foot { padding-left: 0.22em; }
