/* MONARCH's vault, number room, and energy chamber. */
.mobile-round-action{display:none}
.game-logo-mines{background-image:url('assets/game-mines-v10.png?v=10.2')}.game-logo-dice{background-image:url('assets/game-dice-v10.png?v=10.2')}.game-logo-crash{background-image:url('assets/game-crash-v10.png?v=10.2')}
.game-mines{--room-accent:#7ce8ff}.game-dice{--room-accent:#ffab9f}.game-crash{--room-accent:#ffbd70}
.game-mines .table-wrap{background:radial-gradient(ellipse at 50% 45%,#163d48,transparent 75%),#102631}.game-dice .table-wrap{background:radial-gradient(ellipse at 50% 43%,#343740,transparent 74%),#142932}.game-crash .table-wrap{background:radial-gradient(ellipse at 50% 40%,#443427,transparent 68%),#14262c}
.game-mines .table-wrap,.game-dice .table-wrap,.game-crash .table-wrap{box-shadow:inset 0 0 90px color-mix(in srgb,var(--table-color) 8%,transparent)}
.mines-room,.dice-room,.crash-room{width:100%;padding:30px clamp(20px,4vw,68px) 28px;min-height:710px;display:flex;flex-direction:column;align-items:center;color:#ecf5f7;isolation:isolate}
.instrument-tag{font-size:11px;letter-spacing:.17em;color:var(--room-accent);font-weight:650}.vault-heading,.dice-room-heading{text-align:center}.vault-heading h2,.dice-room-heading h2{font-size:clamp(25px,2.35vw,35px);letter-spacing:-.04em;margin:7px 0 20px}.table-instruction{text-align:center;color:#adc0c9;font-size:12px;line-height:1.6;margin:24px 0 0;max-width:560px}.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 20px}.game-facts>div{padding:12px 10px;border:1px solid #3d5260;border-radius:8px;background:#0c1c2980}.game-facts span,.energy-bottom>div>span{display:block;color:#9fb6c3;font-size:11px;margin-bottom:6px}.game-facts b{font-size:18px;color:var(--room-accent);font-variant-numeric:tabular-nums}.casino-range{accent-color:var(--room-accent);width:100%;height:25px;margin:10px 0;cursor:pointer;touch-action:pan-y}.casino-range:disabled{opacity:.55;cursor:not-allowed}.dice-side{display:flex;gap:5px;padding:5px;margin:25px 0 22px}.dice-side>button{flex:1;background:transparent;padding:9px 3px;font-size:12px;color:#a9beca}.dice-side>button[aria-pressed=true]{background:#42535d;color:white;box-shadow:0 1px 3px #0003}.auto-collect-switch{display:flex;gap:10px;align-items:center;color:#dbe7ee;font-size:13px;margin:27px 0 20px}.auto-collect-switch input{accent-color:#a5ff63;width:17px;height:17px}.multiplier-input{display:flex;align-items:center;border:1px solid #3c5364;background:#0c1c29;border-radius:8px;padding-right:15px;color:var(--room-accent)}.multiplier-input input{width:100%;min-width:0;padding:15px;background:none;border:0;font-size:17px;font-weight:650;color:#edf3f6}.multiplier-input:has(input:disabled){opacity:.55}.wager-note{font-size:12px;color:#9fb6c3;margin:13px 0}.wager-note .coin{color:#dfeadf}.game-status{min-height:40px}.bet-panel select:disabled{opacity:.6;cursor:not-allowed}
/* A steel cassette of individually latched vault doors. */
.vault-console{width:min(100%,470px)}.vault-status{display:flex;align-items:center;justify-content:space-between;margin:0 6px 12px;font-size:12px;color:#a1beca}.vault-status>span{display:flex;align-items:center;gap:6px}.vault-status .icon{height:15px;width:15px;color:#82def1}.vault-status>span:last-child .icon{color:#fa9a90}.vault-frame{padding:13px;border-radius:20px;background:linear-gradient(145deg,#65828d,#223a46 28%,#0e2631 75%,#63818a);border:1px solid #708c9380;box-shadow:0 14px 35px #0005,inset 0 1px #cee9ee55}.vault-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:9px;background:#081b24;border-radius:12px;box-shadow:inset 0 2px 12px #0008}.vault-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:12%;border-radius:9px;border:1px solid #64828d66;background:linear-gradient(145deg,#3e5967,#253e4c 70%);box-shadow:0 4px 0 #071b26,inset 0 1px 0 #aac4d72b;transition:transform .22s,background .22s,border-color .22s;overflow:hidden;will-change:transform}.vault-tile:disabled{opacity:1;filter:none}.vault-tile:hover:not(:disabled){transform:translateY(-3px);border-color:#7ce8ff;background:linear-gradient(145deg,#476e7d,#2a4959);box-shadow:0 7px 0 #071b26,0 0 14px #79dce826}.vault-door{width:100%;height:100%;display:grid;place-items:center;position:relative}.vault-door>.icon{width:40%;height:40%;color:#a6c4ce;opacity:.62}.vault-door::before,.vault-door::after{content:'';position:absolute;left:0;width:3px;height:18%;background:#6c8c9b;border-radius:2px}.vault-door::before{top:10%}.vault-door::after{bottom:10%}.vault-door>i{position:absolute;right:1px;top:30%;height:40%;width:3px;border-radius:3px;background:#101f2a;box-shadow:1px 0 #aac8d22e}.vault-tile.is-opening{animation:vaultUnlock .35s ease-in-out}.vault-tile.is-gem{background:radial-gradient(ellipse at 50% 60%,#246680,#0d2c3b);border-color:#529fba80;box-shadow:inset 0 1px 6px #00151d}.vault-tile.is-mine{background:#142331;border-color:#77535b;box-shadow:inset 0 1px 8px #0005}.vault-tile svg.vault-gem,.vault-tile svg.vault-mine{width:100%;height:100%;filter:drop-shadow(0 4px 3px #0007);animation:vaultReveal .48s cubic-bezier(.2,.8,.2,1) both}.vault-tile.unselected{opacity:.42}.vault-tile.was-hit{background:#512f38;border-color:#fc9187}.vault-legend{display:flex;gap:16px;align-items:center;color:#85a4b3;font-size:9px;letter-spacing:.12em;margin:15px 6px 0}.vault-legend>span{display:flex;align-items:center;gap:5px}.vault-legend>span:last-child{margin-left:auto}.cyan-dot,.hazard-dot{height:5px;width:5px;border-radius:50%;background:#7ce8ff}.hazard-dot{background:#ed8a7d}.vault-metrics{width:min(100%,500px);display:grid;grid-template-columns:repeat(3,1fr);margin-top:23px;text-align:center}.vault-metrics>div+div{border-left:1px solid #aec6d222}.vault-metrics span{display:block;font-size:11px;color:#9cb9c5;margin-bottom:7px}.vault-metrics strong{font-size:26px;letter-spacing:-.035em;color:#dffaff;font-variant-numeric:tabular-nums}.vault-metrics small{font-size:15px;color:#6dbdce;margin-left:3px}
/* Precision number dial, independent of decorative dice faces. */
.dice-instrument{position:relative;width:min(100%,435px);aspect-ratio:1;margin-top:10px;margin-bottom:38px}.dice-dial{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#73838a,#2d3a42 28%,#111f29 75%,#758088);padding:8px;box-shadow:0 20px 45px #0005,inset 0 1px 0 #ffffff40}.dial-sectors{position:absolute;inset:12px;border-radius:50%;background:conic-gradient(from 210deg,#364752 0deg var(--dial-start),#d48c7c var(--dial-start) var(--dial-end),#364752 var(--dial-end) 300deg,#132631 300deg);border:1px solid #96afb130}.dial-sectors::after{content:'';position:absolute;inset:12px;background:radial-gradient(ellipse at 50% 40%,#2d3b44,#10232d);border-radius:50%;box-shadow:0 0 0 1px #091a24,inset 0 1px 12px #0006}.dial-ticks{position:absolute;inset:35px;border-radius:50%}.dial-ticks i{position:absolute;inset:0;transform:rotate(var(--tick))}.dial-ticks i::after{content:'';position:absolute;top:0;left:50%;width:1px;height:7px;background:#98acb76e}.dial-ticks i.major::after{width:2px;height:13px;background:#c3d0d8}.dial-needle{position:absolute;inset:15px;border-radius:50%;transform:rotate(var(--dial-needle));transition:transform .6s cubic-bezier(.16,1,.3,1)}.dial-needle::before{content:'';position:absolute;top:10px;left:calc(50% - 4px);width:8px;height:34px;border-radius:3px;background:#ffe3ba;box-shadow:0 0 12px #ffab8855;clip-path:polygon(50% 0,100% 25%,70% 100%,30% 100%,0 25%)}.dial-center{position:absolute;inset:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dial-center>span{font-size:10px;letter-spacing:.12em;color:#b0c0c8;white-space:nowrap}.dial-center strong{font-size:clamp(45px,4.9vw,75px);font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1.35;color:#f5ebdf}.dial-center small{font-size:9px;color:#9fb3bf;letter-spacing:.04em;white-space:nowrap}.dial-label{position:absolute;font-size:11px;color:#b5c3cb;font-weight:600}.dial-zero{bottom:18%;left:26%}.dial-fifty{top:17%;left:calc(50% - 7px)}.dial-hundred{bottom:18%;right:23%}.dice-pair{position:absolute;bottom:-20px;left:calc(50% - 55px);display:flex;gap:13px;filter:drop-shadow(0 12px 10px #0004)}.table-die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:51px;height:51px;padding:10px;border-radius:10px;background:linear-gradient(135deg,#fff8e8,#d3c8b8);border:1px solid #fff4df;box-shadow:0 4px 0 #877d70,inset -2px -2px 5px #a89e9140;transform:rotate(-14deg)}.table-die+ .table-die{transform:translateY(7px) rotate(15deg);background:linear-gradient(135deg,#ecac97,#bb786c);border-color:#efc0a6;box-shadow:0 4px 0 #775350}.table-die i.pip{border-radius:50%;background:#26303a;box-shadow:inset 0 1px 2px #0008}.is-rolling .dial-needle{animation:numberSweep 1.8s cubic-bezier(.3,.1,.25,1) both}.is-rolling .dial-center strong{opacity:.35;animation:numberPulse .3s ease-in-out infinite alternate}.is-rolling .table-die{animation:dieTumble 1.8s cubic-bezier(.2,.5,.2,1) both}.is-rolling .table-die+ .table-die{animation-delay:.07s}.dice-won .dial-center strong{color:#b2ff77}.dice-lost .dial-center strong{color:#ffa396}.number-range{position:relative;height:12px;border-radius:4px;width:min(100%,510px);background:#384953;border:1px solid #6e808a55;margin:0 0 12px}.winning-zone{position:absolute;top:0;bottom:0;background:#dc9a87;border-radius:3px}.number-pointer{position:absolute;bottom:15px;width:10px;height:12px;transform:translateX(-50%);clip-path:polygon(0 0,100% 0,50% 100%);background:#f5dfc4;opacity:0}.number-pointer.landed{opacity:1}.target-divider{position:absolute;top:-3px;bottom:-3px;width:2px;background:#f8e8da}.target-divider b{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:#e1b3a6;font-size:10px}.number-scale{display:flex;justify-content:space-between;width:min(100%,510px);font-size:10px;color:#a8bac6}.number-scale>span:nth-child(2){padding-top:27px;color:#dfb6a7}
/* A radial energy chamber rather than a plane and rising graph. */
.crash-heading{display:flex;width:100%;justify-content:space-between;align-items:center}.energy-status{font-size:10px;font-weight:650;letter-spacing:.14em;color:#c3b3a0;display:flex;align-items:center;gap:8px}.energy-status::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.is-charging .energy-status{color:#ffbd70}.is-collected .energy-status{color:#aeff72}.is-collapsed .energy-status{color:#ff9385}.energy-instrument{position:relative;width:min(100%,480px);aspect-ratio:1;margin:24px 0 19px;--charge:0;isolation:isolate}.energy-rings{position:absolute;inset:3%;border:1px solid #dab38424;border-radius:50%;background:radial-gradient(ellipse,#ba752f1a,transparent 70%)}.energy-rings i{position:absolute;inset:8%;border-radius:50%;border:1px dashed #c9ac8644}.energy-rings i:nth-child(2){inset:21%;border:1px solid #8d775c55}.energy-rings i:nth-child(3){inset:-3%;border:1px solid #ad947126}.energy-rail{position:absolute;inset:4%;border-radius:50%;border:8px solid #9a866747;box-shadow:0 0 0 2px #111c24,inset 0 0 0 2px #121e27,0 6px 20px #0004;clip-path:polygon(0 0,100% 0,100% 100%,67% 90%,50% 70%,33% 90%,0 100%)}.energy-needle{position:absolute;inset:4%;border-radius:50%;transform:rotate(calc(-140deg + var(--charge)*280deg));will-change:transform}.energy-needle::after{content:'';position:absolute;width:13px;height:13px;top:-3px;left:calc(50% - 6px);border-radius:50%;background:#ffdd92;border:2px solid #faf0cf;box-shadow:0 0 12px #ffb74d,0 0 30px #e0883780}.energy-core{position:absolute;left:calc(50% - 43px);top:20%;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffedb0,#ffc76a 16%,#df842e 45%,#6d421c 70%,#22242a 74%);box-shadow:inset 0 0 0 4px #c0a16c,inset 0 0 0 7px #1c2528,0 0 40px #dc872c25;display:grid;place-items:center;overflow:hidden;transform:translateZ(0)}.energy-core>.icon{width:30px;height:30px;color:#462d15;z-index:1}.core-shine{position:absolute;inset:-25%;background:conic-gradient(from 0deg,transparent,#fff5c66b,transparent 38%,#fddd6a88,transparent 76%);opacity:.5}.is-charging .core-shine{animation:energyOrbit 4s linear infinite}.is-charging .energy-core{box-shadow:inset 0 0 0 4px #c0a16c,inset 0 0 0 7px #1c2528,0 0 45px #dc872c50}.energy-readout{position:absolute;inset:46% 12% 15%;text-align:center}.energy-readout>span{font-size:10px;letter-spacing:.13em;color:#bfb9ac}.crash-multiplier{display:block;font-size:clamp(45px,5.2vw,77px);font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-weight:700;color:#ffe3b8;line-height:1.2;margin-top:6px}.crash-multiplier small{font-size:33px;margin-left:3px;color:#c89457}.energy-readout p{font-size:12px;color:#bea991;margin:12px -25px 0;line-height:1.6}.energy-ticks{position:absolute;inset:0;border-radius:50%}.energy-ticks span{position:absolute;top:50%;left:50%;font-size:10px;color:#b49a7b;transform:translate(-50%,-50%) rotate(calc(-140deg + var(--position)*56deg)) translateY(-230px) rotate(calc(140deg - var(--position)*56deg))}.energy-bottom{width:min(100%,600px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c7b39624;padding-top:23px;text-align:center;gap:10px}.energy-bottom>div+div{border-left:1px solid #c7b39624}.energy-bottom b{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.energy-bottom .energy-payout{color:#ffd8a1}.energy-payout small{font-size:10px;font-weight:400;display:block;margin-top:4px;color:#b1b7b3}.is-collapsed .energy-core{background:radial-gradient(circle,#8c4d3b,#3b3031 70%);box-shadow:inset 0 0 0 4px #725b4a,inset 0 0 0 7px #1c2528}.is-collapsed .energy-needle::after{background:#ed9886;box-shadow:0 0 12px #ab443d}.is-collapsed .crash-multiplier,.is-collapsed .energy-readout p{color:#f89c8f}.is-collected .crash-multiplier{color:#b2f481}
@keyframes vaultUnlock{0%{transform:translateY(0)}45%{transform:translateY(-3px) scale(.97)}100%{transform:translateY(0)}}@keyframes vaultReveal{from{transform:translateY(8px) scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes numberSweep{0%{transform:rotate(-150deg)}35%{transform:rotate(800deg)}70%{transform:rotate(1220deg)}100%{transform:rotate(1590deg)}}@keyframes numberPulse{to{opacity:.7}}@keyframes dieTumble{0%{transform:translateY(0) rotate(-14deg)}25%{transform:translateY(-22px) rotate(145deg)}65%{transform:translateY(-4px) rotate(340deg)}85%{transform:translateY(-7px) rotate(360deg)}100%{transform:translateY(0) rotate(346deg)}}@keyframes energyOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.mines-room,.dice-room,.crash-room{padding-left:25px;padding-right:25px}.energy-ticks span{transform:translate(-50%,-50%) rotate(calc(-140deg + var(--position)*56deg)) translateY(-210px) rotate(calc(140deg - var(--position)*56deg))}}
@media(max-width:760px){.mines-room,.dice-room,.crash-room{padding:23px 16px;min-height:0}.vault-heading h2,.dice-room-heading h2{font-size:25px}.vault-frame{padding:8px;border-radius:16px}.vault-grid{padding:6px;gap:6px}.vault-tile{border-radius:7px}.vault-status{font-size:11px}.vault-metrics strong{font-size:24px}.vault-metrics span{font-size:10px}.table-instruction{font-size:11px;margin-top:19px}.dice-instrument{max-width:350px;margin-bottom:40px}.dial-center strong{font-size:57px}.dial-center small{font-size:8px}.dial-center>span{font-size:8px}.dial-ticks{inset:29px}.dial-label{font-size:9px}.dice-pair{transform:scale(.88)}.number-scale{font-size:9px}.number-scale>span:nth-child(2){font-size:9px}.energy-instrument{max-width:330px;margin:26px 0 22px}.energy-ticks span{transform:translate(-50%,-50%) rotate(calc(-140deg + var(--position)*56deg)) translateY(-154px) rotate(calc(140deg - var(--position)*56deg));font-size:8px}.energy-core{width:62px;height:62px;left:calc(50% - 31px)}.energy-core>.icon{width:23px;height:23px}.energy-readout{inset:44% 10% 15%}.energy-readout>span{font-size:8px}.crash-multiplier{font-size:53px}.crash-multiplier small{font-size:25px}.energy-readout p{font-size:10px;margin-top:8px}.energy-bottom{padding-top:20px;gap:5px}.energy-bottom b{font-size:12px}.energy-bottom>div>span{font-size:9px}.energy-status{font-size:8px}.instrument-tag{font-size:10px}.game-crash .table-topline,.game-dice .table-topline,.game-mines .table-topline{font-size:9px}.game-facts span{font-size:12px}.feature-dots>button{width:34px}}
@media(max-width:760px){.mobile-round-action{display:flex;position:fixed;bottom:max(15px,env(safe-area-inset-bottom));left:25px;right:25px;z-index:100;min-height:50px;justify-content:center;gap:8px;box-shadow:0 5px 25px #0008}.game-mines .table-wrap,.game-crash .table-wrap{scroll-margin-top:175px}.game-mines:has(.mobile-round-action),.game-crash:has(.mobile-round-action){padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.vault-tile,.dial-needle{transition:none}.vault-tile.is-opening,.vault-tile svg.vault-gem,.vault-tile svg.vault-mine,.is-rolling .dial-needle,.is-rolling .dial-center strong,.is-rolling .table-die,.is-charging .core-shine{animation:none}.energy-needle{will-change:auto}}