:root {
  --main-container-bg: 
    url('/Assets/Textures/3px-tile-default.png'),
    linear-gradient(
      to right, 
      #001f00 0%,    
      #003300 15%, 
      #03b02e 30%,    
      #00f03c 50%,   
      #03b02e 70%,   
      #003300 85%, 
      #001f00 100%
    );

  --container-shadow: 
    inset 0 0 5px #000,
    0 5px 10px rgba(0, 255, 100, 0.5),
    0 2px 1px -1px #C1BEB5 inset,
    0 -2px 1px -1px #FCFCFA inset,
    1px 0 0.5px -0.5px #DFDFD7 inset,
    -2.5px 0 1px -1px #D4CDC5 inset;

  --button-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.2),
    inset 0 -3px 5px rgba(0, 0, 0, 0.5);

  --controls-bg: 
    url('/Assets/Textures/green-fibers-default.png'),
    linear-gradient(
      to right,   
      #003300 0%, 
      #03b02e 30%,    
      #03b02e 50%,   
      #03b02e 70%,   
      #003300 100%
    );

  --controls-shadow:       
    0 3px 3px -1px #003300 inset, 
    0 -3px 3px -1px #003300 inset, 
    3px 0 3px -1px #003300 inset, 
    -3px 0 2px -0.5px #003300 inset; 

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/black-linen.png'),
    linear-gradient(
      to right,
      #111 0%,    
      #1a1a1a 15%,        
      #222 30%,   
      #545454 45%,        
      #2a2a2a 60%,      
      #1a1a1a 85%,       
      #111 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(
      to right,
      #0a0a0a 0%,    
      #111 20%,        
      #3d3d3d 40%,   
      #222 60%,        
      #0a0a0a 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/diamond-upholstery.png'),
    linear-gradient(
      to right,
      #000e24 0%,
      #6992e2 25%,
      #6992e2 50%,
      #6992e2 75%,
      #000e24 100%
    );

  --main-text-color: #eaffea;
  --main-border: 1px solid #00f03c;
  --content-bg: #001100;
  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;
  --screen-text-color: #00ff00;
  --screen-text-color-main: #00f03c;
  --screen-border-radius: 2rem;
  --screen-border: 1px solid #00f03c;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(0, 255, 102, 0.5),
    inset 0 0 40px rgba(0, 153, 51, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.2);
  --screen-font-family: 'VT323', monospace;
  --button3d-base-before: linear-gradient(to bottom, #00ff66, #009933);
  --btn-text-color: #eaffea;
  --logo-text-color-main: #002200;
  --logo-text-color-secondary: #5779bc;
  --text-background-color: #002200;
}
:root.red-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/dark-mosaic.png'),
    linear-gradient(
      to right,
      #ff00ff 0%,    
      #ff33cc 15%, 
      #ff3399 30%,    
      #ff0066 45%,  
      #ff3399 60%, 
      #ff33cc 75%,   
      #ff00ff 100% 
    );

  --container-shadow: 
    inset 0 0 6px #000,
    0 10px 15px rgba(0, 0, 0, 0.8),  
    inset 0 0 5px #ff00ff,
    inset 0 -2px 3px #00fff7;

  --button-shadow:
    inset 0 1px 3px rgba(255, 255, 255, 0.3),
    inset 0 -2px 3px rgba(0, 0, 0, 0.5),
    0 0 8px #ff00ff,
    0 0 12px #00fff7;

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/black-paper.png'),
    linear-gradient(
      to right,
      #0ff 0%,    
      #00ccff 25%, 
      #6600ff 50%,    
      #ff00ff 75%,   
      #0ff 100% 
    );

  --controls-shadow:       
    inset 0 0 10px #ff00ff,       
    inset 0 0 20px #00fff7,      
    inset 0 0 15px #6600ff;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/black-linen.png'),
    linear-gradient(
      to right,
      #111 0%,    
      #222 15%,        
      #333 30%,   
      #444 45%,        
      #555 60%,      
      #222 85%,       
      #111 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(
      to right,
      #111 0%,    
      #222 20%,        
      #333 40%,   
      #444 60%,        
      #111 100%     
    );

  --main-text-color: #ffffff;
  --main-border: 1px solid #00fff7;
  --content-bg: #0a0014;
  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;
  --screen-text-color: #00fff7;
  --screen-text-color-main: #ff00ff;
  --screen-border-radius: 2rem;
  --screen-border: 1px solid #ff00ff;
  --mini-screen-border-radius: 2px;

  --screen-edge-dirt:
    inset 0 0 25px rgba(255, 0, 255, 0.5),
    inset 0 0 35px rgba(0, 255, 247, 0.3),
    inset 0 0 5px rgba(255, 255, 255, 0.2);

  --screen-font-family: 'VT323', monospace;
  --button3d-base-before: linear-gradient(to bottom, #ff00ff, #6600ff);
  --btn-text-color: #fff;
  --speaker-bg: 
  url('https://www.transparenttextures.com/patterns/flowers.png'),
  linear-gradient(
    to right,
    #2a0b1f 0%, 
    #7a1f4c 15%,
    #c43e6b 30%,
    #f78fb3 45%, 
    #c43e6b 60%, 
    #7a1f4c 75%, 
    #2a0b1f 100% 
  );
  --logo-text-color-main: #581340;
  --logo-text-color-secondary: #6600ff;
  --text-background-color: #2a0b1f;
}
:root.sonic-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/dark-mosaic.png'),
    linear-gradient(
      to right,
      #0d47a1 0%,   
      #1976d2 15%,  
      #42a5f5 30%,  
      #bbdefb 45%,  
      #42a5f5 60%,
      #1976d2 75%,
      #0d47a1 100%
    );

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/brushed-alum-dark.png'),
    linear-gradient(
      to right,
      #0d47a1 0%,
      #1976d2 15%,
      #42a5f5 30%,
      #42a5f5 60%,
      #1976d2 75%,
      #0d47a1 100%
    );

  --controls-shadow:       
    0 5px 3px -1px #0d47a1 inset,       
    0 -3px 3px -1px #bbdefb inset,      
    5px 0 3px -1px #1976d2 inset,      
    -3px 0 2px -0.5px #42a5f5 inset;

  --container-shadow: 
    inset 0 0 10px #1976d2,
    0 15px 20px rgba(66, 165, 245, 0.5),
    inset 0 0 15px #42a5f5,
    inset 0 -4px 6px #1976d2;

  --button-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.2),
    inset 0 -3px 5px rgba(0, 0, 0, 0.5),
    0 0 15px #42a5f5,
    0 0 20px #1976d2;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/white-brushed.png'),
    linear-gradient(
      to right,
      #0d47a1 0%,     
      #1976d2 10%,    
      #42a5f5 20%,    
      #bbdefb 35%,    
      #ffffff 45%,    
      #bbdefb 55%,    
      #42a5f5 70%,    
      #1976d2 85%,    
      #0d47a1 100%    
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(
      to right,
      #0d47a1 0%,    
      #1976d2 20%,        
      #42a5f5 40%,   
      #bbdefb 60%,        
      #0d47a1 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/diamond-upholstery.png'),
    linear-gradient(
      to right,
      #0d47a1 0%,
      #1976d2 25%,
      #42a5f5 50%,
      #1976d2 75%,
      #0d47a1 100%
    );

  --main-text-color: #ffffff;
  --main-border: 1px solid #1976d2;
  --content-bg: #0d47a1;
  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;
  --screen-text-color: #ff1744;
  --screen-text-color-main: #ffffff;
  --screen-border-radius: 2rem;
  --screen-border: 1px solid #ff1744;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(255, 23, 68, 0.5),
    inset 0 0 40px rgba(25, 118, 210, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.2);
  --screen-font-family: 'VT323', monospace;
  --button3d-base-before: linear-gradient(to bottom, #ff1744, #7f0000);
  --btn-text-color: #0d47a1;
  --logo-text-color-main: #0d47a1;
  --logo-text-color-secondary: #ffffff;
  --text-background-color: #0d47a1;
}
:root.shr-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/flowers.png'),
    linear-gradient(
      to right,
      #7f1a4f 0%,    
      #d63384 15%,   
      #f06292 30%,   
      #ffc1e3 45%,   
      #f06292 60%, 
      #d63384 75%,   
      #7f1a4f 100%   
    );

  --container-shadow: 
    inset 0 0 10px #d63384,
    0 15px 20px rgba(240, 98, 146, 0.5),
    inset 0 0 15px #f06292,
    inset 0 -4px 6px #d63384;

  --button-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.2),
    inset 0 -3px 5px rgba(0, 0, 0, 0.5),
    0 0 15px #ff80ab,
    0 0 20px #d63384;

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/diagonal-stripes.png'),
    linear-gradient(
      to right,
      #7f1a4f 0%,
      #d63384 15%,
      #f06292 30%,
      #f06292 60%,
      #d63384 75%,
      #7f1a4f 100%
    );

  --controls-shadow:       
    inset 0 0 15px #f06292,       
    inset 0 0 25px #d63384,      
    inset 0 0 20px #7f1a4f;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/white-brushed.png'),
    linear-gradient(
      to right,
      #7f1a4f 0%,    
      #d63384 10%,        
      #f06292 20%,   
      #ffc1e3 35%,        
      #ffffff 45%,      
      #ffc1e3 55%,       
      #f06292 70%,        
      #d63384 85%,       
      #7f1a4f 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(
      to right,
      #7f1a4f 0%,    
      #d63384 20%,        
      #f06292 40%,   
      #ffc1e3 60%,        
      #7f1a4f 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/diamond-upholstery.png'),
    linear-gradient(
      to right,
      #7f1a4f 0%,
      #d63384 25%,
      #f06292 50%,
      #d63384 75%,
      #7f1a4f 100%
    );

  --main-text-color: #ffffff;
  --main-border: 1px solid #d63384;
  --content-bg: #421a7f;
  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;
  --screen-text-color: #ff4081;
  --screen-text-color-main: #ffc1e3;
  --screen-border-radius: 2rem;
  --screen-border: 1px solid #ff4081;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(255, 64, 129, 0.5),
    inset 0 0 40px rgba(214, 51, 132, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.2);
  --screen-font-family: 'VT323', monospace;
  --button3d-base-before: linear-gradient(to bottom, #ff80ab, #ad1457);
  --btn-text-color: #7f1a4f;
  --logo-text-color-main: #7f1a4f;
  --logo-text-color-secondary: #ffc1e3;
  --text-background-color: #7f1a4f;
}
:root.cook-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/wood-pattern.png'),
    linear-gradient(
      to right,
      #5c2e0a 0%,
      #7b3f10 20%,
      #d68c45 50%,
      #7b3f10 80%,    
      #5c2e0a 100%
    );

  --container-shadow: 
    inset 0 0 10px #4a2008,
    0 15px 20px rgba(255, 180, 120, 0.5),  
    inset 0 0 15px #d68c45,
    inset 0 -4px 6px #8b4c1a;

  --button-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -3px 5px rgba(0, 0, 0, 0.5),
    0 0 15px #ff9966,
    0 0 20px #d65c2f;

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/white-diamond.png'),
    linear-gradient(
      to right,
      #f2f2f2 0%,
      #fff5e0 30%,
      #ffe0b3 60%,
      #f2f2f2 100%
    );

  --controls-shadow:       
    inset 0 0 15px #ffd9a3,       
    inset 0 0 25px #ffbb66,      
    inset 0 0 20px #ff9966;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/brushed-alum.png'),
    linear-gradient(
      to right,
      #999 0%,    
      #aaa 15%,        
      #bbb 30%,   
      #ccc 45%,        
      #aaa 60%,      
      #999 85%,       
      #888 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/metal.png'),
    linear-gradient(
      to right,
      #555 0%,    
      #666 20%,        
      #777 40%,   
      #888 60%,        
      #555 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/stardust.png'),
    linear-gradient(
      to right,
      #8b0000 0%,
      #d65c2f 25%,
      #ff9966 50%,
      #d65c2f 75%,
      #8b0000 100%
    );

  --main-text-color: #ffcc99;
  --main-border: 1px solid #d65c2f; 
  --content-bg: #2a1b0f;
  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;

  --border-radius: 0.75em;

  --screen-text-color: #ff9966;     
  --screen-text-color-main: #ff7733;
  --screen-border-radius: 2rem;
  --screen-border: 1px solid #ff7733;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(255, 160, 100, 0.5),
    inset 0 0 40px rgba(200, 80, 40, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.2);

  --button3d-base-before: linear-gradient(to bottom, #ffe0b3, #d65c2f);
  --btn-text-color: #2a1b0f;
  --logo-text-color-main: #fff5e0;
  --logo-text-color-secondary: #d65c2f;
  --text-background-color: #5c2e0a;
}
:root.dive-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/wavecut.png'),
    linear-gradient(
      to right,
      #012a4a 0%,
      #01497c 15%,
      #027bce 30%,
      #89c2d9 45%,
      #027bce 60%,
      #01497c 75%,
      #012a4a 100%
    );

  --container-shadow: 
    inset 0 0 20px rgba(1, 42, 74, 0.8),
    inset 0 0 30px rgba(2, 123, 206, 0.5),
    0 10px 20px rgba(1, 42, 74, 0.6),
    0 0 25px rgba(137, 194, 217, 0.4);

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/fish-scales.png'),
    linear-gradient(
      to right,
      #01497c 0%,
      #027bce 20%,
      #61a5c2 40%,
      #a9d6e5 60%,
      #61a5c2 80%,
      #01497c 100%
    );

  --controls-shadow:       
    inset 0 5px 8px #012a4a,       
    inset 0 -5px 8px #89c2d9,      
    inset 8px 0 10px #01497c,      
    inset -5px 0 8px #027bce;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/wavecut.png'),
    linear-gradient(
      to right,
      #012a4a 0%,    
      #01497c 10%,        
      #027bce 25%,   
      #61a5c2 45%,        
      #a9d6e5 55%,      
      #61a5c2 70%,       
      #027bce 85%,        
      #012a4a 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/diagmonds.png'),
    linear-gradient(
      to right,
      #013a63 0%,    
      #01497c 20%,        
      #027bce 50%,   
      #01497c 80%,        
      #013a63 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/bubbles.png'),
    linear-gradient(
      to right,
      #012a4a 0%,
      #014f86 25%,
      #027bce 50%,
      #61a5c2 75%,
      #012a4a 100%
    );

  --main-text-color: #e0f7fa;
  --main-border: 1px solid #01497c;
  --content-bg: #011c2c;

  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;

  --screen-text-color: #b2ebf2;
  --screen-text-color-main: #89c2d9;
  --screen-border: 1px solid #b2ebf2;
  --screen-border-radius: 2rem;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(137, 194, 217, 0.6),
    inset 0 0 40px rgba(2, 123, 206, 0.35),
    inset 0 0 10px rgba(255, 255, 255, 0.2);

  --button3d-base-before: linear-gradient(to bottom, #b2ebf2, #027bce);
  --button-shadow:
    inset 0 2px 5px rgba(255, 255, 255, 0.25),
    inset 0 -3px 6px rgba(0, 0, 0, 0.5),
    0 0 15px #61a5c2,
    0 0 25px #027bce;

  --btn-text-color: #e0f7fa;
  --logo-text-color-main: #a9d6e5;
  --logo-text-color-secondary: #027bce;
  --text-background-color: #012a4a;
}
:root.gangsta-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/asfalt-dark.png'),
    linear-gradient(
      to right,
      #0d0d0d 0%,
      #1a1a1a 20%,
      #333 40%,
      #4d4d4d 55%,
      #333 70%,
      #1a1a1a 85%,
      #0d0d0d 100%
    );

  --container-shadow: 
    inset 0 0 15px rgba(0,0,0,0.8),
    inset 0 0 25px rgba(77,77,77,0.4),
    0 10px 20px rgba(0,0,0,0.9),
    0 0 20px rgba(120,120,120,0.2);

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/black-linen.png'),
    linear-gradient(
      to right,
      #1a1a1a 0%,
      #333 20%,
      #555 40%,
      #777 60%,
      #555 80%,
      #1a1a1a 100%
    );

  --controls-shadow:       
    inset 0 5px 8px #000,       
    inset 0 -5px 8px #4d4d4d,      
    inset 8px 0 10px #1a1a1a,      
    inset -5px 0 8px #333;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/asfalt-dark.png'),
    linear-gradient(
      to right,
      #0d0d0d 0%,    
      #1a1a1a 15%,        
      #333 30%,   
      #777 50%,        
      #333 70%,      
      #1a1a1a 85%,       
      #0d0d0d 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/metal.png'),
    linear-gradient(
      to right,
      #111 0%,    
      #1a1a1a 20%,        
      #2a2a2a 50%,   
      #1a1a1a 80%,        
      #111 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/dark-mosaic.png'),
    linear-gradient(
      to right,
      #0d0d0d 0%,
      #222 25%,
      #444 50%,
      #222 75%,
      #0d0d0d 100%
    );

  --main-text-color: #e6e6e6;
  --main-border: 1px solid #1a1a1a;
  --content-bg: #0a0a0a;

  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;

  --screen-text-color: #cccccc;
  --screen-text-color-main: #aaaaaa;
  --screen-border: 1px solid #555;
  --screen-border-radius: 2rem;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(50,50,50,0.6),
    inset 0 0 40px rgba(100,100,100,0.3),
    inset 0 0 10px rgba(255,255,255,0.1);

  --button3d-base-before: linear-gradient(to bottom, #777, #1a1a1a);
  --button-shadow:
    inset 0 2px 5px rgba(255,255,255,0.15),
    inset 0 -3px 6px rgba(0,0,0,0.7),
    0 0 15px #444,
    0 0 25px #000;

  --btn-text-color: #ffffff;
  --logo-text-color-main: #e6e6e6;
  --logo-text-color-secondary: #00cc66;
  --text-background-color: #111;
}
:root.mlg-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/hexellence.png'),
    linear-gradient(
      to right,
      #000000 0%,
      #1a1a1a 15%,
      #333333 30%,
      #ffffff 45%,
      #333333 60%,
      #1a1a1a 75%,
      #000000 100%
    );

  --container-shadow: 
    inset 0 0 20px rgba(0,0,0,0.9),
    inset 0 0 25px rgba(255,0,0,0.6),
    0 10px 25px rgba(0,0,0,0.8),
    0 0 30px rgba(255,0,0,0.4);

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/checkerboard.png'),
    linear-gradient(
      to right,
      #1a1a1a 0%,
      #333333 20%,
      #ffffff 40%,
      #333333 60%,
      #1a1a1a 80%,
      #000000 100%
    );

  --controls-shadow:       
    inset 0 5px 8px #000,       
    inset 0 -5px 8px #fff,      
    inset 8px 0 10px #333,      
    inset -5px 0 8px #1a1a1a;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/checkerboard.png'),
    linear-gradient(
      to right,
      #000000 0%,    
      #333333 15%,        
      #ffffff 30%,   
      #ffffff 50%,        
      #333333 70%,      
      #000000 85%,       
      #000000 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(
      to right,
      #111 0%,    
      #222 20%,        
      #444 50%,   
      #111 80%,        
      #000 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/diagmonds.png'),
    linear-gradient(
      to right,
      #000000 0%,
      #1a1a1a 25%,
      #ff0000 50%,
      #1a1a1a 75%,
      #000000 100%
    );

  --main-text-color: #ffffff;
  --main-border: 1px solid #1a1a1a;
  --content-bg: #0a0a0a;

  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;

  --screen-text-color: #ff0000;
  --screen-text-color-main: #ff3333;
  --screen-border: 1px solid #ff0000;
  --screen-border-radius: 2rem;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(255,0,0,0.6),
    inset 0 0 40px rgba(255,255,255,0.3),
    inset 0 0 10px rgba(255,0,0,0.8);

  --button3d-base-before: linear-gradient(to bottom, #ff0000, #990000);
  --button-shadow:
    inset 0 2px 5px rgba(255,255,255,0.2),
    inset 0 -3px 6px rgba(0,0,0,0.7),
    0 0 15px #ff0000,
    0 0 25px #ff3333;

  --btn-text-color: #ff0000;
  --logo-text-color-main: #ffffff;
  --logo-text-color-secondary: #ff0000;
  --text-background-color: #111;
}
:root.santa-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/soft-snow.png'),
    linear-gradient(
      to right,
      #b71c1c 0%,
      #d32f2f 15%,
      #f44336 30%,
      #ffffff 45%,
      #f44336 60%,
      #d32f2f 75%,
      #b71c1c 100%
    );

  --container-shadow: 
    inset 0 0 10px #b71c1c,
    0 15px 20px rgba(244, 67, 54, 0.5),
    inset 0 0 15px #f44336,
    inset 0 -4px 6px #d32f2f;

  --button-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.2),
    inset 0 -3px 5px rgba(0, 0, 0, 0.5),
    0 0 15px #ffffff,
    0 0 20px #f44336;

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/fabric-of-squares.png'),
    linear-gradient(
      to right,
      #d32f2f 0%,
      #f44336 20%,
      #ffffff 40%,
      #f44336 60%,
      #d32f2f 80%,
      #b71c1c 100%
    );

  --controls-shadow:       
    inset 0 0 15px #f44336,       
    inset 0 0 25px #d32f2f,      
    inset 0 0 20px #b71c1c;

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/soft-snow.png'),
    linear-gradient(
      to right,
      #b71c1c 0%,    
      #d32f2f 10%,        
      #f44336 20%,   
      #ffffff 35%,        
      #ffffff 45%,      
      #f44336 55%,       
      #d32f2f 70%,        
      #b71c1c 85%,       
      #b71c1c 100%     
    );

  --silver-bg-pipe: 
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(
      to right,
      #7f0000 0%,    
      #b71c1c 20%,        
      #d32f2f 40%,   
      #f44336 60%,        
      #7f0000 100%     
    );

  --speaker-bg: 
    url('https://www.transparenttextures.com/patterns/diamond-upholstery.png'),
    linear-gradient(
      to right,
      #b71c1c 0%,
      #f44336 25%,
      #ffffff 50%,
      #f44336 75%,
      #b71c1c 100%
    );

  --main-text-color: #ffffff;
  --main-border: 1px solid #d32f2f;
  --content-bg: #7f0000;
  --main-font-size: 1rem;
  --mobile-font-size: 0.7rem;
  --border-radius: 0.75em;
  --screen-text-color: #ffeb3b;
  --screen-text-color-main: #ffffff;
  --screen-border-radius: 2rem;
  --screen-border: 1px solid #ffffff;
  --mini-screen-border-radius: 2px;
  --screen-edge-dirt:
    inset 0 0 30px rgba(255, 235, 59, 0.5),
    inset 0 0 40px rgba(244, 67, 54, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.2);
  --screen-font-family: 'VT323', monospace;
  --button3d-base-before: linear-gradient(to bottom, #ffffff, #d32f2f);
  --btn-text-color: #ffeb3b;
  --logo-text-color-main: #fa0000;
  --logo-text-color-secondary: #ffeb3b;
  --text-background-color: #7f0000;
}
:root.squidgame-theme {
  --main-container-bg: 
    url('https://www.transparenttextures.com/patterns/geo.png'),
    linear-gradient(
      to right,
      #1b5e20 0%,
      #2e7d32 15%,
      #66bb6a 30%,
      #ffffff 45%,
      #66bb6a 60%,
      #2e7d32 75%,
      #1b5e20 100%
    );

  --controls-bg: 
    url('https://www.transparenttextures.com/patterns/diamond-upholstery.png'),
    linear-gradient(
      to right,
      #2e7d32 0%,
      #66bb6a 20%,
      #ffffff 40%,
      #66bb6a 60%,
      #2e7d32 80%,
      #1b5e20 100%
    );

  --controls-shadow:       
    0 5px 3px -1px #1b5e20 inset,       
    0 -3px 3px -1px #ffffff inset,      
    5px 0 3px -1px #2e7d32 inset,      
    -3px 0 2px -0.5px #66bb6a inset;

  --main-text-color: #ffffff;
  --screen-text-color: #ff1744;
  --screen-border: 1px solid #ff1744;
  --main-border: 1px solid #1b5e20;
  --button3d-base-before: linear-gradient(to bottom, #ff1744, #b71c1c);

  --silver-bg: 
    url('https://www.transparenttextures.com/patterns/geo.png'),
    linear-gradient(
      to right,
      #1b5e20 0%,    
      #2e7d32 10%,        
      #66bb6a 20%,   
      #ffffff 35%,        
      #ffffff 45%,      
      #66bb6a 55%,       
      #2e7d32 70%,        
      #1b5e20 85%,       
      #1b5e20 100%     
    );
  --btn-text-color: #ff3d3d;
}
:root.classic { 
  --main-container-bg: url('https://www.transparenttextures.com/patterns/billie-holiday.png'), linear-gradient( to right, #4d991f 0%, #78d739 15%, #a4f67c 30%, #d4ffc2 45%, #a4f67c 60%, #78d739 75%, #4d991f 100% ); 
  --container-shadow: inset 0 0 3px #000, 0 10px 10px rgba(0, 0, 0, 0.6), 0 2px 1px -1px #C1BEB5 inset, 0 -2px 1px -1px #FCFCFA inset, 1px 0 0.5px -0.5px #DFDFD7 inset, -2.5px 0 1px -1px #D4CDC5 inset; 
  --button-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), inset 0 -2px 2px rgba(0, 0, 0, 0.3), 0 2px 1px -1px #C1BEB5 inset, 0 -2px 1px -1px #FCFCFA inset, 1px 0 0.5px -0.5px #DFDFD7 inset, -2.5px 0 1px -1px #D4CDC5 inset; 
  --controls-bg: url('https://www.transparenttextures.com/patterns/brushed-alum-dark.png'), linear-gradient( to right, #4d991f 0%, #78d739 15%, #a4f67c 30%, #a4f67c 60%, #78d739 75%, #4d991f 100% ); 
  --controls-shadow: 0 5px 3px -1px #4d991f inset, 0 -3px 3px -1px #d4ffc2 inset, 5px 0 3px -1px #78d739 inset, -3px 0 2px -0.5px #a4f67c inset; 
  --silver-bg: url('https://www.transparenttextures.com/patterns/white-brushed.png'), linear-gradient( to right, #2a2a2a 0%, #555 10%, #aaa 20%, #ddd 35%, #f7f7f7 45%, #ddd 55%, #aaa 70%, #555 85%, #2a2a2a 100% ); 
  --silver-bg-pipe: url('https://www.transparenttextures.com/patterns/billie-holiday.png'), linear-gradient( to right, #2a2a2a 0%, #555 10%, #aaa 20%, #ddd 35%, #f7f7f7 45%, #ddd 55%, #aaa 70%, #555 85%, #2a2a2a 100% ); 
  --main-text-color: #164409; 
  --main-border: 1px solid #164409; 
  --content-bg: #031e11; 
  --main-font-size: 1rem; 
  --mobile-font-size: 0.7rem; 
  --border-radius: 0.75em; 
  --screen-text-color: #00ff11; 
  --screen-text-color-main: white; 
  --screen-border-radius: 2rem; 
  --screen-border: 1px solid #00ff11; 
  --mini-screen-border-radius: 2px; 
  --screen-edge-dirt: inset 0 0 15px rgba(0, 0, 0, 0.5), inset 0 0 30px rgba(0, 0, 0, 0.25), inset 0 0 2px rgba(255, 255, 255, 0.1), inset 1px 1px 2px rgba(255, 255, 255, 0.1); 
  --screen-font-family: 'VT323', monospace; 
  --button3d-base-before: linear-gradient(to bottom, #5eb924, #3b7f18); 
  --btn-text-color: #333; 
  --button3d-base-before: linear-gradient(to bottom, #00ff66, #009933);
  --btn-text-color: #164409;
  --logo-text-color-main: #164409;
  --logo-text-color-secondary: #a4f67c;
  --text-background-color: transparent;
  --speaker-bg: url('https://www.transparenttextures.com/patterns/retina-wood.png'), linear-gradient( to right, #6b4226 0%, #a05a2c 15%, #d48e5c 30%, #f2d3a0 45%, #d48e5c 60%, #a05a2c 75%, #6b4226 100% );
}