/* Premium in-game art direction — lightweight CSS only, GPU-friendly */
#game-shells{isolation:isolate}
.fscreen{
  background:
    radial-gradient(ellipse at 50% -12%,rgba(135,82,255,.22),transparent 48%),
    radial-gradient(ellipse at 100% 100%,rgba(31,210,190,.08),transparent 42%),
    linear-gradient(160deg,#100b20 0%,#090713 58%,#100b1c 100%)!important;
  border:1px solid rgba(177,133,255,.25)!important;
  border-radius:30px!important;
  box-shadow:0 24px 65px rgba(0,0,0,.56),0 0 32px rgba(129,78,230,.13),inset 0 1px rgba(255,255,255,.09)!important;
  overflow-x:hidden;
}
.fs-head{
  min-height:62px!important;padding:13px 15px!important;
  background:linear-gradient(110deg,rgba(42,27,72,.92),rgba(16,14,32,.92))!important;
  border-bottom:1px solid rgba(191,155,255,.16)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07);
}
.fs-head>b{font-size:17px!important;font-weight:900;letter-spacing:-.35px;color:#f6efff;text-shadow:0 0 18px rgba(190,143,255,.22)}
.fs-back{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(145deg,#34245a,#19132d)!important;border:1px solid rgba(194,159,255,.24)!important;color:#e8d8ff!important;font-size:25px!important;box-shadow:0 5px 13px #05040b}
.fs-chip{border:1px solid rgba(88,229,211,.35)!important;background:linear-gradient(145deg,rgba(34,111,112,.28),rgba(26,24,49,.8))!important;border-radius:18px!important;padding:8px 12px!important;color:#78edda!important;box-shadow:0 0 18px rgba(65,220,202,.08)}
.crash-stage{
  flex:none!important;height:clamp(245px,42vh,360px)!important;margin:13px!important;
  border-radius:23px!important;border:1px solid rgba(89,245,188,.25);
  background:
   radial-gradient(ellipse at 15% 100%,rgba(24,240,151,.2),transparent 55%),
   radial-gradient(ellipse at 85% 0%,rgba(122,74,220,.18),transparent 48%),
   repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
   linear-gradient(155deg,#071b1b,#090d19 60%,#160d25)!important;
  box-shadow:inset 0 0 35px rgba(0,0,0,.5),0 12px 28px rgba(0,0,0,.25);
}
.crash-stage:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 22% 72%,rgba(94,255,204,.04))}
.crash-overlay{justify-content:flex-start!important;align-items:flex-start!important;padding:23px 20px!important}
.crash-mult{font-size:clamp(42px,12vw,66px)!important;letter-spacing:-2px!important;font-variant-numeric:tabular-nums;text-shadow:0 0 10px currentColor,0 0 32px rgba(49,255,170,.28)!important}
.crash-status{padding:6px 11px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(5,8,16,.48);backdrop-filter:blur(8px);color:#c9c2d8!important}
.crash-hist{padding:5px 13px 11px!important;gap:8px!important}
.crash-hist span{padding:8px 13px!important;border:1px solid currentColor;background:rgba(255,255,255,.045)!important;border-radius:12px!important;font-size:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.bet-row{padding:8px 13px 18px!important;gap:9px!important}
.bet-row input,.mines-opts input,.mines-opts select,#pvp-stake{
  min-height:49px;border-radius:15px!important;border:1px solid rgba(180,143,255,.22)!important;
  background:linear-gradient(145deg,rgba(38,29,57,.96),rgba(17,15,29,.96))!important;
  color:#fff!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.22),0 5px 14px rgba(0,0,0,.16);
  font:700 15px Vazirmatn, sans-serif!important;
}
.btn{min-height:48px!important;border-radius:15px!important;font:800 14px Vazirmatn,sans-serif!important;letter-spacing:-.2px;box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.18)!important;transition:transform .16s ease,filter .16s ease}
.btn:active{transform:translateY(2px) scale(.985);filter:brightness(1.12)}
.mines-info{
  margin:13px 13px 11px!important;padding:0!important;gap:9px!important;
}
.mines-info>span{
  flex:1;padding:13px 10px;border-radius:16px;border:1px solid rgba(184,147,255,.17);
  background:linear-gradient(145deg,rgba(43,33,66,.85),rgba(19,16,32,.9));
  color:#aaa0bd;font-size:11px!important;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.mines-info b{display:block;margin-top:5px;color:#70e8d4;font-size:19px;font-variant-numeric:tabular-nums}
.mines-board{
  width:min(100% - 26px,430px)!important;max-width:430px!important;
  gap:clamp(7px,2vw,10px)!important;padding:13px!important;margin:0 auto!important;
  border-radius:25px;border:1px solid rgba(173,132,255,.25);
  background:linear-gradient(145deg,rgba(37,26,65,.92),rgba(13,11,24,.96));
  box-shadow:0 18px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09),0 0 25px rgba(126,77,222,.1);
  perspective:800px;
}
.mine-cell{
  position:relative;overflow:hidden;min-width:0;border-radius:17px!important;
  border:1px solid rgba(205,181,255,.17)!important;
  background:linear-gradient(145deg,#39334c 0%,#242033 47%,#171323 100%)!important;
  color:#d9c5ff!important;font-size:clamp(21px,6vw,29px)!important;
  box-shadow:0 7px 0 #0b0913,0 10px 17px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.18)!important;
  transition:transform .16s ease,background .2s ease,box-shadow .2s ease!important;
}
.mine-cell:before{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 42%);pointer-events:none}
.mine-cell:after{content:"";position:absolute;width:45%;height:140%;top:-20%;left:-70%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .35s}
.mine-cell:active{transform:translateY(3px) scale(.96)!important;box-shadow:0 3px 0 #0b0913,0 5px 10px rgba(0,0,0,.3)!important}
.mine-cell.open{background:linear-gradient(145deg,#176b61,#12413f)!important;border-color:rgba(100,255,211,.48)!important;color:#9dffe3!important;box-shadow:0 5px 0 #092a29,0 0 19px rgba(58,242,193,.18),inset 0 1px rgba(255,255,255,.2)!important;animation:mine-reveal .28s cubic-bezier(.2,.8,.2,1)}
.mine-cell.boom{background:radial-gradient(circle at 50% 35%,#ff777d,#7f1d35 70%)!important;border-color:#ff858c!important;color:#fff!important;box-shadow:0 0 24px rgba(255,65,92,.45)!important}
@keyframes mine-reveal{0%{transform:rotateX(65deg) scale(.82);opacity:.5}100%{transform:rotateX(0) scale(1);opacity:1}}
.mines-controls{padding:15px 14px 20px!important;gap:11px!important}
.mines-opts{justify-content:space-between!important;gap:10px!important}
.mines-opts label{display:flex;flex:1;align-items:center;justify-content:space-between;gap:7px;color:#c5b8d8;font-weight:700}
.mines-opts select,.mines-opts input{width:58%;padding:9px 10px!important}
.hokm-home{
  min-height:490px;justify-content:flex-start!important;gap:15px!important;padding:25px 18px 30px!important;
  background:radial-gradient(ellipse at 50% 17%,rgba(255,195,79,.13),transparent 35%);
}
.hokm-crown{font-size:65px!important;filter:drop-shadow(0 8px 12px rgba(255,174,54,.42)) drop-shadow(0 0 22px rgba(255,200,78,.24))!important}
.hokm-title{font-size:clamp(27px,8vw,36px)!important;text-shadow:0 4px 0 rgba(95,46,8,.35)}
.hokm-suits{font-size:25px!important;letter-spacing:13px!important;color:#ff9dbd!important;text-shadow:0 0 15px rgba(255,130,177,.25)}
#h-online,#h-friend{width:100%;min-height:76px!important;font-size:19px!important;border:2px solid rgba(255,207,93,.85)!important;border-radius:21px!important}
#h-online{background:repeating-linear-gradient(135deg,#bd286c 0 16px,#a91e5e 16px 32px)!important;box-shadow:0 8px 0 #5d153c,0 14px 26px rgba(0,0,0,.25),0 0 20px rgba(255,75,151,.15)!important}
#h-friend{background:repeating-linear-gradient(135deg,#6734b4 0 16px,#51278f 16px 32px)!important;box-shadow:0 8px 0 #2d1859,0 14px 26px rgba(0,0,0,.25)!important}
.hokm-nav{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;padding:13px 8px;border-radius:21px;border:1px solid rgba(255,199,81,.3);background:linear-gradient(145deg,rgba(65,24,28,.72),rgba(22,12,24,.9))}
.hokm-nav button{min-height:78px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,190,73,.15),rgba(62,27,39,.4))!important;color:#ffdf9b!important;font-size:11px!important}
.hokm-create{background:linear-gradient(160deg,#17102a,#0c0917)!important;padding:20px!important}
.hokm-create h3{font-size:23px;color:#f6e8ff;text-shadow:0 0 18px rgba(185,130,255,.22)}
.chip-btn{background:radial-gradient(circle at 35% 25%,#55466f,#21182f 68%)!important;border:3px dashed rgba(222,194,255,.42)!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.04),0 6px 13px rgba(0,0,0,.3)!important}
.chip-btn.active{background:radial-gradient(circle at 35% 25%,#8d5ee5,#3c206e 72%)!important;border-color:#ffd46c!important;box-shadow:0 0 0 3px rgba(255,210,105,.12),0 0 22px rgba(171,116,255,.42)!important}
.pvp-wait{min-height:490px;justify-content:flex-start!important;padding:28px 18px!important;gap:17px!important;background:radial-gradient(ellipse at 50% 24%,rgba(182,65,210,.16),transparent 42%)}
.pvp-ring{
  width:min(68vw,250px)!important;height:min(68vw,250px)!important;margin:8px auto 2px;
  border:1px solid rgba(203,150,255,.45)!important;
  background:radial-gradient(circle,rgba(119,64,173,.17),rgba(15,10,29,.2) 65%);
  box-shadow:0 0 0 10px rgba(142,84,209,.045),0 0 0 22px rgba(142,84,209,.025),inset 0 0 34px rgba(161,99,238,.12),0 0 35px rgba(151,83,224,.17);
}
.pvp-slot{width:clamp(36px,10vw,49px)!important;height:clamp(36px,10vw,49px)!important;border-radius:15px!important;background:linear-gradient(145deg,#493565,#1c152b)!important;border:1px solid rgba(214,177,255,.32)!important;box-shadow:0 6px 13px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}
.pvp-mid{background:linear-gradient(145deg,#3b2460,#1b1430)!important;color:#f3dfff!important;border:1px solid rgba(215,175,255,.28);padding:8px 12px!important}
.pvp-swords{font-size:57px!important;filter:drop-shadow(0 0 12px rgba(238,113,255,.55))!important}
.pvp-wait>p{max-width:300px!important;text-align:center;line-height:1.9!important;color:#bcb0d0!important}
.pvp-stake{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d9c9ed;font-size:13px;font-weight:800}
.pvp-stake input{width:55%;padding:9px 12px;text-align:center}
#pvp-enter{width:100%;min-height:58px!important;background:linear-gradient(110deg,#f1b84c,#d67a37)!important;color:#261309!important;border:1px solid #ffe2a0!important;font-size:16px!important}
@media(max-width:370px){
 .crash-stage{height:235px!important}.mines-board{gap:6px!important;padding:10px!important}.mine-cell{border-radius:13px!important}
 .hokm-nav button{font-size:10px!important}.fs-head>b{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){
 .mine-cell,.btn{transition:none!important}.mine-cell.open{animation:none!important}
}