/* =========================================================
   BARVE SKINOV — skupni vir za igro in admin panel.

   Skin nikoli ne postavi ozadja neposredno, ampak samo barve:
     nameplate  --plate, --plate-fg
     backdrop   --bd-a, --bd-b, --bd-c, --bd-glow
     glass      obarva .glass-liquid in .glass-milk znotraj sebe

   Zato je isti razred uporaben na vrstici lestvice, na odru, v
   predogledu trgovine in v admin pregledu — brez podvajanja barv.
   ========================================================= */

.np-np_espresso   { --plate: linear-gradient(160deg, #6b4a32, #3a2618); }
.np-np_latte      { --plate: linear-gradient(160deg, #f4e5cd, #d9bd94); --plate-fg: #4a3524; }
.np-np_caramel    { --plate: linear-gradient(160deg, #e8b169, #b5651d); }
.np-np_vanilla    { --plate: linear-gradient(160deg, #f7efd9, #e2cfa0); --plate-fg: #4a3524; }
.np-np_hazelnut   { --plate: linear-gradient(160deg, #c89a6b, #7c4f2c); }
.np-np_mint       { --plate: linear-gradient(160deg, #8fd6b4, #3f9c74); }
.np-np_berry      { --plate: linear-gradient(160deg, #8aa2e8, #3b4fa3); }
.np-np_strawberry { --plate: linear-gradient(160deg, #f4707f, #97102f); }
.np-np_matcha     { --plate: linear-gradient(160deg, #b9d987, #5c8a34); }
.np-np_mocha      { --plate: linear-gradient(160deg, #a97550, #4b2c1c); }
.np-np_golden {
    --plate: linear-gradient(120deg, #f7d774, #e0a85b 45%, #b5791d);
    box-shadow: 0 0 10px rgba(224, 168, 91, .55);
}
.np-np_nebula {
    --plate: linear-gradient(130deg, #3b2a63, #7c3f8f 42%, #2a3f7a);
    box-shadow: inset 0 0 14px rgba(190, 150, 255, .35);
}
.np-np_midnight {
    --plate: linear-gradient(160deg, #2b3350, #0f1320);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
}
.np-np_aurora {
    --plate: linear-gradient(120deg, #7ee8c6, #7f9be6, #c98fe0, #7ee8c6);
    background-size: 300% 100%;
    animation: auroraShift 6s linear infinite;
}
.np-np_prism {
    --plate: linear-gradient(115deg, #ff8fb1, #ffd88f 22%, #8ff0c0 44%, #8fc8ff 66%, #c48fff 88%, #ff8fb1);
    --plate-fg: #2a211b;
    background-size: 340% 100%;
    animation: auroraShift 7s linear infinite;
    box-shadow: 0 0 12px rgba(255, 255, 255, .35);
}
@keyframes auroraShift { to { background-position: 300% 0; } }
.np-sp_np_1 { --plate: linear-gradient(160deg, #dff0f7, #8fb8cf); --plate-fg: #1e3a4a; }
.np-sp_np_2 { --plate: linear-gradient(160deg, #fdeaff, #c58ce0); --plate-fg: #3d2148; }
.np-sp_np_3 { --plate: linear-gradient(160deg, #ffd27a, #e2622c); }
.np-sp_np_4 { --plate: linear-gradient(160deg, #d99552, #8a3d1b); }
.np-sp_np_5 {
    --plate: linear-gradient(160deg, #2b3f6b, #101a33);
    box-shadow: inset 0 0 12px rgba(160, 200, 255, .3);
}
.np-sp_np_6 { --plate: linear-gradient(160deg, #6f7c8c, #2b3440); }
/* Privzeti kozarec je zapisan kot vsak drug skin, ne kot posebnost
   strani. Brez tega bi vsaka stran, ki predoglede riše po svoje, morala
   privzeto barvo ponoviti — in s tem povozila vse ostale skine. */
.gl-gl_classic .glass-liquid { background: linear-gradient(180deg, #c99b6a 0%, #96613a 26%, #4a2a18 100%); }
.gl-gl_classic .glass-milk   { background: linear-gradient(180deg, rgba(255,250,242,.95), rgba(255,250,242,.15)); }

.gl-gl_berry .glass-liquid     { background: linear-gradient(180deg, #f79aa2 0%, #d94a5e 26%, #86122e 100%); }
.gl-gl_berry .glass-milk       { background: linear-gradient(180deg, rgba(255,238,238,.96), rgba(247,190,196,.25)); }
.gl-gl_matcha .glass-liquid    { background: linear-gradient(180deg, #c3dc95 0%, #85b355 26%, #3f6b28 100%); }
.gl-gl_matcha .glass-milk      { background: linear-gradient(180deg, rgba(242,248,228,.96), rgba(203,226,173,.25)); }
.gl-gl_blueberry .glass-liquid { background: linear-gradient(180deg, #b9b6e8 0%, #6f6bc0 26%, #2f2a6b 100%); }
.gl-gl_blueberry .glass-milk   { background: linear-gradient(180deg, rgba(240,238,255,.96), rgba(200,196,240,.25)); }
.gl-gl_caramel .glass-liquid   { background: linear-gradient(180deg, #f0c98a 0%, #d09a48 26%, #8a5a18 100%); }
.gl-gl_caramel .glass-milk     { background: linear-gradient(180deg, rgba(255,246,228,.96), rgba(240,214,168,.25)); }
.gl-gl_vanilla .glass-liquid   { background: linear-gradient(180deg, #f8efd4 0%, #e6d3a4 26%, #b39a62 100%); }
.gl-gl_vanilla .glass-milk     { background: linear-gradient(180deg, rgba(255,252,244,.96), rgba(244,234,208,.25)); }
.gl-gl_mocha .glass-liquid     { background: linear-gradient(180deg, #b58a6a 0%, #7d4f34 26%, #3a2016 100%); }
.gl-gl_mocha .glass-milk       { background: linear-gradient(180deg, rgba(246,232,220,.96), rgba(214,186,166,.25)); }
.gl-gl_peach .glass-liquid     { background: linear-gradient(180deg, #ffd0a8 0%, #f79f68 26%, #c25f2c 100%); }
.gl-gl_peach .glass-milk       { background: linear-gradient(180deg, rgba(255,244,234,.96), rgba(252,214,188,.25)); }
.gl-gl_hazelnut .glass-liquid  { background: linear-gradient(180deg, #d8b48c 0%, #a87848 26%, #5e3a1c 100%); }
.gl-gl_hazelnut .glass-milk    { background: linear-gradient(180deg, rgba(250,240,226,.96), rgba(226,204,176,.25)); }
.gl-gl_mint .glass-liquid      { background: linear-gradient(180deg, #c6f0dc 0%, #7cceac 26%, #2f7d5e 100%); }
.gl-gl_mint .glass-milk        { background: linear-gradient(180deg, rgba(240,255,250,.96), rgba(206,240,226,.25)); }
.gl-gl_lavender .glass-liquid  { background: linear-gradient(180deg, #ded0f0 0%, #ab8fd8 26%, #5c4088 100%); }
.gl-gl_lavender .glass-milk    { background: linear-gradient(180deg, rgba(250,246,255,.96), rgba(224,212,244,.25)); }
.gl-gl_midnight .glass-liquid  { background: linear-gradient(180deg, #4a5170 0%, #232941 26%, #0c0f19 100%); }
.gl-gl_midnight .glass-milk    { background: linear-gradient(180deg, rgba(198,206,232,.9), rgba(120,130,170,.25)); }
.gl-gl_galaxy .glass-liquid {
    background: radial-gradient(70% 40% at 30% 25%, #b58fe0 0%, transparent 60%),
                radial-gradient(60% 35% at 75% 60%, #5f8fe0 0%, transparent 60%),
                linear-gradient(180deg, #2a2450 0%, #171235 40%, #08060f 100%);
}
.gl-gl_galaxy .glass-milk { background: linear-gradient(180deg, rgba(226,216,255,.9), rgba(150,130,210,.2)); }
.gl-gl_rainbow .glass-liquid {
    background: linear-gradient(180deg, #ff9a9e, #fad0c4 20%, #a1c4fd 45%, #84fab0 70%, #f6d365 100%);
    background-size: 100% 260%;
    animation: rainbowShift 7s ease-in-out infinite alternate;
}
.gl-gl_rainbow .glass-milk { background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.2)); }
.gl-gl_plasma .glass-liquid {
    background: linear-gradient(180deg, #ff5fd2, #7a3cff 35%, #00d4ff 70%, #00ffa3 100%);
    background-size: 100% 300%;
    animation: rainbowShift 3.5s ease-in-out infinite alternate;
    box-shadow: inset 0 0 22px rgba(255, 120, 255, .55);
}
.gl-gl_plasma .glass-milk { background: linear-gradient(180deg, rgba(255,220,255,.92), rgba(180,120,255,.2)); }
.gl-gl_liquidgold .glass-liquid {
    background: linear-gradient(180deg, #fff0b8, #f2c14e 30%, #b57e12 70%, #7a5106 100%);
    box-shadow: inset 0 0 20px rgba(255, 220, 120, .6);
}
.gl-gl_liquidgold .glass-milk { background: linear-gradient(180deg, rgba(255,250,224,.95), rgba(244,220,150,.3)); }
@keyframes rainbowShift { to { background-position: 0 100%; } }
.gl-sp_gl_1 .glass-liquid { background: linear-gradient(180deg, #e6f6ff 0%, #9fd0ea 26%, #3d7ea3 100%); }
.gl-sp_gl_1 .glass-milk   { background: linear-gradient(180deg, rgba(250,253,255,.96), rgba(216,238,250,.25)); }
.gl-sp_gl_2 .glass-liquid { background: linear-gradient(180deg, #fbeaff 0%, #dcaaee 26%, #8b4fb0 100%); }
.gl-sp_gl_2 .glass-milk   { background: linear-gradient(180deg, rgba(253,247,255,.96), rgba(238,220,250,.25)); }
.gl-sp_gl_3 .glass-liquid { background: linear-gradient(180deg, #ffe08a 0%, #f9a63c 26%, #c9520f 100%); }
.gl-sp_gl_3 .glass-milk   { background: linear-gradient(180deg, rgba(255,250,232,.96), rgba(252,226,170,.25)); }
.gl-sp_gl_4 .glass-liquid { background: linear-gradient(180deg, #f2c088 0%, #d1873c 26%, #7c3f12 100%); }
.gl-sp_gl_4 .glass-milk   { background: linear-gradient(180deg, rgba(255,244,228,.96), rgba(240,212,176,.25)); }
.gl-sp_gl_5 .glass-liquid { background: linear-gradient(180deg, #ffd9a0 0%, #e8933f 26%, #6b3410 100%); }
.gl-sp_gl_5 .glass-milk   { background: linear-gradient(180deg, rgba(255,246,226,.96), rgba(248,216,168,.25)); }
.gl-sp_gl_6 .glass-liquid { background: linear-gradient(180deg, #cfd6df 0%, #7f8b9c 26%, #2c343f 100%); }
.gl-sp_gl_6 .glass-milk   { background: linear-gradient(180deg, rgba(248,250,252,.96), rgba(210,218,228,.25)); }
/* Privzeto ozadje odra. Stoji pred skini, ker imajo pravila enako
   težo in odloča vrstni red. --accent pride iz strani, ki to vključi. */
.stage, .mini-oder, .admin-oder {
    --bd-a: #4a3528;
    --bd-b: #2c1f17;
    --bd-c: #1e1410;
    --bd-glow: var(--accent, #e0a85b);
}

.bd-bd_cream    { --bd-a: #8a7358; --bd-b: #5c4835; --bd-c: #3a2c20; --bd-glow: #f0dcc0; }
.bd-bd_mocha    { --bd-a: #4a3020; --bd-b: #2a1a12; --bd-c: #150c08; --bd-glow: #c98a52; }
.bd-bd_forest   { --bd-a: #2c4a34; --bd-b: #17301f; --bd-c: #0b1a10; --bd-glow: #6fd39a; }
.bd-bd_ocean    { --bd-a: #25506b; --bd-b: #13293a; --bd-c: #0a151f; --bd-glow: #5fc8e8; }
.bd-bd_sunset   { --bd-a: #7a3b30; --bd-b: #40201d; --bd-c: #1f0f0e; --bd-glow: #ff9d5c; }
.bd-bd_rose     { --bd-a: #6b3247; --bd-b: #3c1b28; --bd-c: #1d0d14; --bd-glow: #f2a0c0; }
.bd-bd_lavender { --bd-a: #4c3d6b; --bd-b: #2a2140; --bd-c: #150f22; --bd-glow: #b79ae8; }
.bd-bd_sand     { --bd-a: #8a6f45; --bd-b: #52412a; --bd-c: #2c2216; --bd-glow: #f0cf8a; }
.bd-bd_pine     { --bd-a: #23413a; --bd-b: #132622; --bd-c: #091311; --bd-glow: #7fd8c0; }
.bd-bd_slate    { --bd-a: #454b52; --bd-b: #272c31; --bd-c: #14171a; --bd-glow: #b8c4cf; }
.bd-bd_neon     { --bd-a: #2a1246; --bd-b: #170a29; --bd-c: #0a0413; --bd-glow: #ff4fd8; }
.bd-bd_nebula   { --bd-a: #3b2a63; --bd-b: #1d1436; --bd-c: #0a0716; --bd-glow: #a97fe8; }
.bd-bd_vapor    { --bd-a: #5a2a6b; --bd-b: #26214a; --bd-c: #0e0b22; --bd-glow: #57e8e0; }
.bd-bd_eclipse  { --bd-a: #2a1508; --bd-b: #150a04; --bd-c: #050202; --bd-glow: #ff8a2b; }
.bd-bd_cosmos   { --bd-a: #16204a; --bd-b: #0b1029; --bd-c: #030512; --bd-glow: #8fb6ff; }
.bd-sp_bd_1 { --bd-a: #56708a; --bd-b: #2f3f52; --bd-c: #171f2a; --bd-glow: #d6ecfa; }
.bd-sp_bd_2 { --bd-a: #5c4370; --bd-b: #342642; --bd-c: #1a1224; --bd-glow: #e2b8ff; }
.bd-sp_bd_3 { --bd-a: #8a5a20; --bd-b: #4e3110; --bd-c: #261708; --bd-glow: #ffd45c; }
.bd-sp_bd_4 { --bd-a: #7a4a1e; --bd-b: #452910; --bd-c: #221407; --bd-glow: #ffab52; }
.bd-sp_bd_5 { --bd-a: #1e3a4a; --bd-b: #10212b; --bd-c: #071015; --bd-glow: #7fe8b0; }
.bd-sp_bd_6 { --bd-a: #3a4450; --bd-b: #20262e; --bd-c: #0f1216; --bd-glow: #9fb4c8; }

/* ---------- DEŽ KAVIC ----------
   Skin postavi samo dve barvi; padajoče kavice ju podedujejo prek
   spremenljivk. Zlata kava ima svoja pravila z !important in ostane
   zlata v vsakem skinu — po njej se pozna, da je nekaj za pobrati. */
.rn-rn_classic   { --rain-liquid: linear-gradient(180deg, #caa06f 0%, #9a6a3e 26%, #5e3a22 100%);
                   --rain-straw:  linear-gradient(180deg, #e0a85b, #b9763a); }

.rn-rn_espresso  { --rain-liquid: linear-gradient(180deg, #8a6242 0%, #4f331e 26%, #291a0f 100%);
                   --rain-straw:  linear-gradient(180deg, #c08b55, #7a4a24); }
.rn-rn_latte     { --rain-liquid: linear-gradient(180deg, #f6e8d0 0%, #ddc39a 26%, #a98c5e 100%);
                   --rain-straw:  linear-gradient(180deg, #f0dcbc, #c2a173); }
.rn-rn_caramel   { --rain-liquid: linear-gradient(180deg, #f0c98a 0%, #d09a48 26%, #8a5a18 100%);
                   --rain-straw:  linear-gradient(180deg, #f7d79c, #b57c2c); }
.rn-rn_matcha    { --rain-liquid: linear-gradient(180deg, #c3dc95 0%, #85b355 26%, #3f6b28 100%);
                   --rain-straw:  linear-gradient(180deg, #d4e8ab, #5f8f39); }
.rn-rn_berry     { --rain-liquid: linear-gradient(180deg, #f79aa2 0%, #d94a5e 26%, #86122e 100%);
                   --rain-straw:  linear-gradient(180deg, #f7b3ba, #b32b45); }
.rn-rn_peach     { --rain-liquid: linear-gradient(180deg, #ffd0a8 0%, #f79f68 26%, #c25f2c 100%);
                   --rain-straw:  linear-gradient(180deg, #ffdfc2, #d97a3e); }
.rn-rn_mint      { --rain-liquid: linear-gradient(180deg, #c6f0dc 0%, #7cceac 26%, #2f7d5e 100%);
                   --rain-straw:  linear-gradient(180deg, #d8f6e8, #4f9d7c); }
.rn-rn_mocha     { --rain-liquid: linear-gradient(180deg, #b58a6a 0%, #7d4f34 26%, #3a2016 100%);
                   --rain-straw:  linear-gradient(180deg, #cba184, #6d452c); }
.rn-rn_vanilla   { --rain-liquid: linear-gradient(180deg, #f8efd4 0%, #e6d3a4 26%, #b39a62 100%);
                   --rain-straw:  linear-gradient(180deg, #fbf3de, #cbb37c); }
.rn-rn_lavender  { --rain-liquid: linear-gradient(180deg, #ded0f0 0%, #ab8fd8 26%, #5c4088 100%);
                   --rain-straw:  linear-gradient(180deg, #eae0f8, #7f5fb0); }
.rn-rn_midnight  { --rain-liquid: linear-gradient(180deg, #4a5170 0%, #232941 26%, #0c0f19 100%);
                   --rain-straw:  linear-gradient(180deg, #7a83a8, #363d5c); }
.rn-rn_neon      { --rain-liquid: linear-gradient(180deg, #ff8ae8 0%, #b13ce0 26%, #3d0a5c 100%);
                   --rain-straw:  linear-gradient(180deg, #ffb0f0, #8a2bb5);
                   filter: drop-shadow(0 0 4px rgba(255, 100, 230, .55)); }
.rn-rn_galaxy    { --rain-liquid: radial-gradient(70% 40% at 30% 25%, #b58fe0 0%, transparent 60%),
                                  linear-gradient(180deg, #2a2450 0%, #171235 40%, #08060f 100%);
                   --rain-straw:  linear-gradient(180deg, #c9b6f2, #4a3a8c); }
.rn-rn_plasma    { --rain-liquid: linear-gradient(180deg, #ff5fd2, #7a3cff 35%, #00d4ff 70%, #00ffa3 100%);
                   --rain-straw:  linear-gradient(180deg, #ff9ee6, #00c8f0);
                   filter: drop-shadow(0 0 5px rgba(160, 120, 255, .6)); }
.rn-rn_prism     { --rain-liquid: linear-gradient(180deg, #ff8fb1, #ffd88f 25%, #8ff0c0 50%, #8fc8ff 75%, #c48fff 100%);
                   --rain-straw:  linear-gradient(180deg, #ffe0f0, #a8d0ff); }

/* Sezonski dež */
.rn-sp_rn_1 { --rain-liquid: linear-gradient(180deg, #f2fbff 0%, #cfe8f5 26%, #8fb8cf 100%);
              --rain-straw:  linear-gradient(180deg, #e8f6ff, #9dc4da); }
.rn-sp_rn_2 { --rain-liquid: linear-gradient(180deg, #fbeaff 0%, #dcaaee 26%, #8b4fb0 100%);
              --rain-straw:  linear-gradient(180deg, #f2d6fb, #a866c8); }
.rn-sp_rn_3 { --rain-liquid: linear-gradient(180deg, #fff0a8 0%, #ffc247 26%, #e07a12 100%);
              --rain-straw:  linear-gradient(180deg, #ffe89a, #e89a2a); }
.rn-sp_rn_4 { --rain-liquid: linear-gradient(180deg, #f2c088 0%, #c9762c 26%, #6b3410 100%);
              --rain-straw:  linear-gradient(180deg, #f0b878, #a35a1c); }
.rn-sp_rn_5 { --rain-liquid: linear-gradient(180deg, #ffd08a 0%, #ff8a3c 26%, #8a2a08 100%);
              --rain-straw:  linear-gradient(180deg, #ffbf7a, #cc5a18);
              filter: drop-shadow(0 0 4px rgba(255, 150, 60, .5)); }
.rn-sp_rn_6 { --rain-liquid: linear-gradient(180deg, #eaf0f6 0%, #a8b8c8 26%, #55636f 100%);
              --rain-straw:  linear-gradient(180deg, #dbe4ec, #7b8b99); }