@font-face { font-family: 'Bungee'; src: url(/fonts/bungee/Bungee-Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url(/fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url(/fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Bold.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'VT323'; src: url(/fonts/vt323/VT323-Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; }

:root {
  
  --f-display: 'Bungee', 'Arial Black', sans-serif;
  --f-text: 'Atkinson Hyperlegible', system-ui, sans-serif;
  --f-crt: 'VT323', 'Courier New', monospace;

  --r-1: 2px; --r-2: 4px; --r-3: 8px; --r-tv: 22px; --r-glass: 24px;

  
  --tex-wall: url(/textures/wall-paneling.webp); --tex-wall-size: 612px auto;
  --tex-floor: url(/textures/floor-carpet.webp); --tex-floor-size: 432px auto;
  --wall-base: #6b4424;
  --baseboard: #2a190c; --baseboard-hi: #5a3a1f;
  --stand-tint: rgba(38, 20, 8, .55);

  
  --tex-tv: url(/textures/tv-woodgrain.webp); --tex-tv-size: 520px auto;
  --tex-paper: url(/textures/poster-paper.webp); --tex-paper-size: 432px auto;
  --tex-cork: url(/textures/cork-board.webp); --tex-cork-size: 288px auto;
  --tex-crate: url(/textures/crate-wood.webp); --tex-crate-size: 432px auto;

  --ink: #1d1712; --ink-soft: #4a3d31; --paper: #f4ecdb; --paper-2: #e9dfc8;
  --pencil: #3b3632; --marker: oklch(0.52 0.17 28);
  --tape: rgba(238, 226, 190, .82); --tape-edge: rgba(90, 70, 40, .22);
  --brass-hi: #f3dc9a; --brass: #c79c4f; --brass-lo: #6f5122;
  --frame-wood: #4a2c14; --frame-wood-hi: #7a4d27; --frame-wood-lo: #24140a;
  --well: #1a110a;

  
  --tv-edge: #1c1109; --tv-shade: rgba(20, 10, 4, .35);
  --bezel: #16120f; --bezel-hi: #2d2620; --glass-rim: #0e0c0b;
  --knob: #1c1814; --knob-ring: #3d352e; --knob-hi: #6b5e52;
  --tv-btn: #3d352e; --tv-btn-ink: #e6d7bd; --tv-btn-off: #6a5e55;

  
  --deck: #16161a; --deck-edge: #0b0b0d; --deck-hi: #26262c;
  --deck-label: #a2a2a8; --deck-brand: #e3e3e8; --deck-sub: #85858c;
  --btn-off: #1c1c21; --btn-off-edge: #222227; --btn-off-ink: #55555c;
  --led: #ff3b30; --amber: #ffcc66;

  
  --crt-green: #4af626; --crt-green-bg: #0e1e0d;

  
  --g-scroller: oklch(0.72 0.15 70); --g-puzzle: oklch(0.72 0.15 225); --g-shooter: oklch(0.72 0.15 30);
  --g-platformer: oklch(0.72 0.15 145); --g-racing: oklch(0.72 0.15 305); --g-sports: oklch(0.72 0.15 110);
  --g-fighting: oklch(0.72 0.15 355);
  --special: oklch(0.82 0.13 85);

  
  --lamp: rgba(255, 150, 70, .34);                 
  --glow-menu: rgba(74, 246, 38, .12);             
  --glow-slots: rgba(40, 90, 255, .30);            
  --glow-running: rgba(150, 190, 255, .10);        
  --glow-fault: rgba(255, 110, 110, .22);
  --shade-lit: rgba(26, 12, 3, .56);               
  --shade-running: rgba(6, 5, 4, .9);              
  --shade-off: rgba(4, 3, 2, .94);
  --poster-lamp: rgba(255, 214, 150, .55);         
  --fade: .45s;
}

[data-room-skin="alt"] {
  --tex-wall: url(/textures/wall-wallpaper.webp); --tex-wall-size: 552px auto;
  --wall-base: #7a5a3a; --baseboard: #3a2414; --baseboard-hi: #6e4a2a;
}

.tv-skin-plastic {
  --tex-tv: url(/textures/tv-plastic-grey.webp); --tex-tv-size: 432px auto;
  --tv-edge: #55524c; --tv-shade: rgba(20, 20, 20, .18);
  --knob: #2a2a2c; --knob-ring: #8e8a82; --knob-hi: #d8d4cc;
  --tv-btn: #8e8a82; --tv-btn-ink: #1d1d1f; --tv-btn-off: #5d5a55;
}