/* ZooLuck rich casino skin — visual polish only. No geometry/RNG/timing changes. */
:root{
  --lz-gold-hi:#fff1a2;
  --lz-gold:#efbd3a;
  --lz-gold-deep:#7f4c08;
  --lz-green:#0b3c27;
  --lz-green-deep:#02130d;
  --lz-glass:rgba(3,20,14,.88);
}

body{
  background:
    radial-gradient(ellipse at 50% -12%,rgba(39,151,91,.34),transparent 42%),
    radial-gradient(ellipse at 20% 52%,rgba(21,106,65,.22),transparent 38%),
    radial-gradient(ellipse at 82% 50%,rgba(17,94,60,.20),transparent 38%),
    linear-gradient(180deg,#06170f 0%,#020a07 72%,#010503 100%)!important;
}
body:before{
  opacity:.30!important;
  background:
    radial-gradient(circle at 12% 28%,rgba(122,205,137,.10) 0 2px,transparent 3px),
    radial-gradient(circle at 77% 20%,rgba(255,216,96,.07) 0 2px,transparent 3px),
    repeating-linear-gradient(118deg,transparent 0 88px,rgba(84,153,91,.035) 88px 90px,transparent 90px 176px)!important;
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  box-shadow:inset 0 0 110px rgba(0,0,0,.74);
}

/* glass + gold top chrome */
.topbar{
  position:relative;z-index:4;
  border-bottom:1px solid rgba(255,217,111,.65)!important;
  background:linear-gradient(180deg,rgba(8,37,25,.96),rgba(2,16,11,.94))!important;
  box-shadow:0 5px 18px rgba(0,0,0,.42),inset 0 -1px 0 rgba(255,229,145,.12)!important;
}
.logo{filter:drop-shadow(0 1px 4px #000)}
.logo span{color:#ffd663!important;text-shadow:0 0 9px rgba(255,205,73,.34)}
.topbar nav button{
  background:linear-gradient(180deg,rgba(20,62,43,.68),rgba(3,19,13,.55))!important;
  border-color:rgba(232,190,72,.18)!important;
  text-shadow:0 1px 2px #000;
}
.topbar nav button:hover{filter:brightness(1.18)}
.top-wallet{
  background:linear-gradient(180deg,rgba(49,34,10,.84),rgba(11,13,8,.90))!important;
  border-color:#e9b835!important;
  box-shadow:inset 0 0 10px rgba(255,218,96,.13),0 0 12px rgba(255,185,43,.12)!important;
}

/* premium machine frame, without changing its dimensions */
.machine{filter:drop-shadow(0 13px 18px rgba(0,0,0,.45))}
.board{
  border-color:#edba36!important;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(11,51,35,.60),rgba(3,10,8,.96) 70%)!important;
  box-shadow:
    0 0 0 2px #563507,
    0 0 0 4px rgba(240,191,56,.35),
    0 8px 25px rgba(0,0,0,.58),
    0 0 25px rgba(238,177,40,.22),
    inset 0 0 38px rgba(0,0,0,.70),
    inset 0 1px 0 rgba(255,242,178,.28)!important;
}
.board:before{
  content:"";position:absolute;inset:2px;z-index:1;pointer-events:none;border-radius:10px;
  border:1px solid rgba(255,235,164,.16);
  box-shadow:inset 0 0 15px rgba(255,202,66,.05);
}

.phase-crown{
  border-color:#f2c24b!important;
  background:linear-gradient(180deg,#654415 0%,#2d1a08 34%,#07110c 100%)!important;
  color:#ffe078!important;
  text-shadow:0 2px 2px #000,0 0 8px rgba(255,216,83,.28);
  box-shadow:0 5px 13px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,247,192,.35),0 0 13px rgba(255,191,50,.18)!important;
}

/* perimeter tiles: darker bevels make candidate art and wheel glow richer */
.track-cell{
  border-color:rgba(154,128,68,.48)!important;
  background:linear-gradient(180deg,#17251f 0%,#08110d 55%,#030806 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -7px 13px rgba(0,0,0,.34)!important;
}
.track-cell.special{
  background:linear-gradient(180deg,#332342 0%,#120b19 58%,#07050b 100%)!important;
}
.track-cell .icon img{filter:drop-shadow(0 3px 3px rgba(0,0,0,.78)) saturate(1.08)}
.track-cell .caption{text-shadow:0 1px 2px #000,0 0 5px rgba(255,215,82,.26)!important}

/* INNER cards stay in the same positions; only surface treatment changes. */
.card,.wide,.shark-card,.battle-card,.total-bet{
  border-color:#dfb13e!important;
  box-shadow:
    inset 0 1px 0 rgba(255,248,199,.16),
    inset 0 -10px 20px rgba(0,0,0,.24),
    0 2px 7px rgba(0,0,0,.30)!important;
}
.card.beast,.beast-wide{background:linear-gradient(145deg,#27934b 0%,#0a542c 45%,#052518 100%)!important}
.card.bird,.bird-wide{background:linear-gradient(145deg,#3653a8 0%,#202b74 48%,#11163e 100%)!important}
.shark-card{background:radial-gradient(ellipse at 48% 35%,#118ec7 0%,#075278 46%,#061f37 100%)!important}
.battle-card{
  background:
    radial-gradient(circle at 50% 42%,rgba(41,129,83,.78),rgba(5,29,19,.95) 54%,#7c5314 55%,#1c1105 62%)!important;
}
.total-bet{
  background:linear-gradient(180deg,#14231c,#050b08)!important;
  box-shadow:inset 0 0 12px rgba(255,205,70,.08),0 2px 7px #0008!important;
}

/* REAL MOVING HEAD — always above the 6-cell trail. */
.track-highlight{
  z-index:70!important;
  border:3px solid #fff8c3!important;
  background:rgba(255,225,62,.08)!important;
  box-shadow:
    inset 0 0 8px rgba(255,255,220,.52),
    inset 0 0 20px rgba(255,210,32,.35),
    0 0 5px #fff5b0,
    0 0 15px #ffc928,
    0 0 24px rgba(255,168,0,.42)!important;
  filter:none!important;
}
.track-highlight.winner-stop{
  z-index:75!important;
  border-width:4px!important;
  background:rgba(255,215,43,.14)!important;
}

/* The six-cell trail is ONLY a glow behind the genuine moving head. */
.track-cell[class*="wheel-trail-"]{z-index:6!important;border-color:rgba(255,213,74,.38)!important}
.track-cell.wheel-trail-6{filter:brightness(1.04)!important}
.track-cell.wheel-trail-5{filter:brightness(1.08)!important}
.track-cell.wheel-trail-4{filter:brightness(1.12)!important}
.track-cell.wheel-trail-3{filter:brightness(1.17)!important}
.track-cell.wheel-trail-2{filter:brightness(1.22)!important}
.track-cell.wheel-trail-1{filter:brightness(1.28)!important}
.track-cell.winner-lock{z-index:30!important}

.record-panel{
  border-color:#dcae3b!important;
  background:linear-gradient(180deg,rgba(32,27,13,.96),rgba(4,17,12,.96))!important;
  box-shadow:inset 0 0 14px rgba(255,207,72,.06),0 5px 15px rgba(0,0,0,.38)!important;
}
.hist{background:linear-gradient(180deg,rgba(13,35,25,.92),rgba(4,14,10,.92))!important}

.console{
  background:linear-gradient(180deg,#f0cf72 0%,#bd8126 28%,#70400a 82%,#3d2308 100%)!important;
  border-color:#ffe59a!important;
  box-shadow:inset 0 2px 0 rgba(255,255,220,.42),inset 0 -5px 14px rgba(67,31,2,.40),0 5px 16px rgba(0,0,0,.48),0 0 14px rgba(255,186,39,.16)!important;
}
.player{background:linear-gradient(180deg,#442315,#1a0d08)!important;box-shadow:inset 0 0 10px #0007}
.chip{filter:drop-shadow(0 4px 3px rgba(0,0,0,.45));}
.chip.active{filter:brightness(1.16) drop-shadow(0 0 7px rgba(255,244,166,.65))!important}
.rebet{
  background:linear-gradient(180deg,#55dc76,#168d3d 56%,#086526)!important;
  border-color:#d6ffba!important;
  text-shadow:0 2px 2px rgba(0,0,0,.55);
}
.promos div{filter:drop-shadow(0 2px 2px #000)}

/* Richer entry/login using ZooLuck branding only. */
.entry{background:radial-gradient(circle at 50% 28%,rgba(34,129,78,.42),rgba(1,10,7,.94) 62%)!important}
.entry-card,.modal-card{
  border-color:#efbd43!important;
  background:linear-gradient(180deg,rgba(16,54,36,.97),rgba(3,17,12,.98))!important;
  box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 27px rgba(239,183,53,.15),inset 0 1px 0 rgba(255,246,184,.16)!important;
}
