/* Native Gaia desktop geometry: 1306 x 170, including overlapping plates. */
@font-face{font-family:Gaia Rubik;src:url('assets/gaia/Rubik-SemiBold.ttf');font-display:swap}
@font-face{font-family:Gaia Rubik Bold;src:url('assets/gaia/Rubik-Bold.ttf');font-display:swap}
[hidden]{display:none!important}body{background:#080809}.game-shell{position:relative;container-type:inline-size;width:min(100vw,calc(100dvh * 1.6));max-width:2200px;aspect-ratio:8/5;background:#171016 url('assets/Backgrounds/Background_1.jpg') center/100% 100%;overflow:hidden}.viewport{width:100%}.scene{aspect-ratio:16/9}.message.sr-only{min-height:0;padding:0}
.console{position:absolute;bottom:.6%;left:16%;width:68%;height:14.16%;min-height:0;display:block;padding:0;background:none;border:0;box-shadow:none;font-family:Gaia Rubik,Arial,sans-serif;color:#fff}.console button{margin:0;border:0;box-shadow:none;transition:filter .12s,transform .12s}.console button:active{transform:scale(.94)}
.console #explore{position:absolute;left:0;top:9.41%;width:12.25%;height:81.18%;padding:0;border-radius:0;background:url('assets/live-ui/bonus-button.svg') center/100% 100% no-repeat}
.readout-panel{position:absolute;left:11.03%;top:9.41%;width:46.86%;height:81.18%;padding:0;display:block;background:url('assets/gaia/hud/panel-info.svg') center/100% 100% no-repeat}
.console .hud-chip{position:absolute;display:grid;place-items:center;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:url('assets/gaia/hud/chip-40-idle.svg') center/100% 100% no-repeat;color:white}.hud-chip img{display:block;width:60%;height:60%;object-fit:contain;pointer-events:none}.readout-panel #menu{left:9.64%;top:30.43%;width:6.54%;height:28.99%}.stat{position:absolute;top:28%;left:20.1%;display:flex;flex-direction:column;gap:2px;min-width:0;max-width:39%}.stat small,.bet>small{font-size:clamp(8px,.95cqw,19px);line-height:1.1;letter-spacing:0;color:#999}.stat strong{font-size:clamp(12px,1.35cqw,26px);line-height:1.2;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.stat.win{left:auto;right:9.64%;text-align:right;max-width:32%}.stat.win strong{color:#ffd201}.stat.win.idle{visibility:hidden}.stat>span{font-size:clamp(7px,.65cqw,13px)}#spins{display:none}.in-bonus #spins{display:block;color:#ddd}.console #multiplier-readout{position:fixed;max-width:none;opacity:0;pointer-events:none}.console #multiplier-readout.active{position:absolute;bottom:99%;left:0;right:0;width:100%;font-size:clamp(10px,1.1cqw,22px);text-align:center;color:#ffdc79;opacity:1;white-space:nowrap;text-shadow:0 2px 4px #000}
.bet-panel{position:absolute;left:56.66%;top:9.41%;width:37.21%;height:81.18%;padding:0;display:block;background:url('assets/gaia/hud/panel-bet.svg') center/100% 100% no-repeat}.bet-panel .bet{position:absolute;left:22.02%;top:28%;width:46.1%;display:flex;flex-direction:column;align-items:center;min-width:0}.bet #bet-select{width:auto;height:auto;min-width:0;padding:0;background:none;color:white;border:0;border-radius:0}.bet #bet{font-size:clamp(12px,1.35cqw,26px);line-height:1.2}.bet-arrows{position:absolute;inset:0;display:block;pointer-events:none}.bet-arrows .hud-chip{left:10.49%;width:8.23%;height:28.99%;padding:0;pointer-events:auto}.bet-arrows #plus{top:13.77%}.bet-arrows #minus{top:48.55%}
.control-chips{position:absolute;inset:0;display:block;background:none;pointer-events:none}.control-chips .hud-chip{left:83.23%;width:3.06%;height:23.53%;padding:0;pointer-events:auto}.control-chips #auto{top:20.59%;margin:0}.control-chips #turbo{top:48.82%}.console .hud-chip:hover{background-image:url('assets/live-ui/chip-40-hover.svg')}.console .hud-chip.on{background-image:url('assets/live-ui/chip-40-active.svg')}.console .hud-chip.on img{filter:brightness(0)}.console .spin{position:absolute;left:87.9%;top:0;width:12.1%;height:100%;min-width:0;padding:0;border:0;border-radius:0;background:url('assets/gaia/hud/spin.svg') center/100% 100% no-repeat;color:transparent}.console #auto-count{position:absolute;bottom:-3px;right:-3px;background:#ffd201;border-radius:8px;color:#111;font:9px Arial;padding:1px 3px}.console #auto-count:empty{display:none}footer{position:absolute;bottom:.25%;left:1%;padding:0;background:none;color:#fff5;font-size:clamp(7px,.65cqw,11px);letter-spacing:1px}
dialog:not(.celebration-dialog){font-family:Gaia Rubik,Arial,sans-serif;background:linear-gradient(#1a1a1a,#101010);border:1px solid #ffffff22;border-bottom:5px solid #080808;border-radius:10px;box-shadow:0 8px 28px #0008;color:#fff;padding:24px}dialog:not(.celebration-dialog) h1,dialog:not(.celebration-dialog) h2{font-family:inherit;color:white}dialog:not(.celebration-dialog) h1{font-size:19px;margin:0 30px 16px 0}dialog:not(.celebration-dialog) h2{font-size:15px}dialog:not(.celebration-dialog) p{color:#aaa}.close{font:24px Arial;color:#aaa}dialog .choice{background:#ffffff0c;border-color:#ffffff19;padding:14px;border-radius:5px}dialog .choice strong{color:#ffd201}dialog.hud-popup{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}dialog.hud-popup::backdrop{background:transparent;backdrop-filter:none}.hud-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.hud-options button,.hud-primary{background:#ffffff12;border:1px solid #ffffff19;border-radius:5px;padding:13px 6px;color:#fff;min-height:44px}.hud-options button.selected{background:#ffd201;color:#111;border-color:#ffd201}.hud-primary{background:#ffd201;color:#111;border:0;font:inherit;width:100%;margin-top:12px}.audio-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:16px;margin:12px 0 20px}.audio-row img{width:25px;height:25px}.audio-row input{width:100%;accent-color:#ddd}.menu-row{display:flex;align-items:center;gap:16px;width:100%;background:transparent;border:0;border-top:1px solid #ffffff14;padding:14px 0;text-align:left;color:#ddd;font-size:13px}.menu-row img{width:25px;height:25px}.menu-row.subtle{color:#999;font-size:12px}details.hud-advanced{margin-top:16px;color:#aaa;font-size:12px}dialog label.hud-limit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:11px}dialog select{background:#252525;color:white;border:1px solid #444;border-radius:4px;padding:8px}.hud-meta{color:#777;font:10px Arial;line-height:1.6;margin-top:16px}.hud-options button:disabled{opacity:.35}

@media(max-width:600px){.game-shell{width:100%;aspect-ratio:auto;min-height:100dvh;background-size:auto 100%}.viewport{position:relative;padding-top:20px}.scene{width:166%;margin-left:-33%}.console{position:relative;left:auto;bottom:auto;width:96%;height:158px;margin:4px auto 12px;display:grid;grid-template-columns:48px 1fr 76px 1fr 44px;grid-template-rows:82px 56px;gap:4px}.console #explore{position:relative;left:auto;top:auto;grid-column:1;grid-row:1;width:48px;height:54px;align-self:center;background-image:url('assets/live-ui/mobile-bonus-button.svg')}.readout-panel,.bet-panel,.control-chips,.bet-arrows{display:contents;pointer-events:auto}.readout-panel #menu{position:relative;left:auto;top:auto;grid-column:5;grid-row:1;width:40px;height:40px;padding:0;align-self:center;justify-self:end}.stat{position:relative;top:auto;left:auto;grid-column:1/3;grid-row:2;max-width:none;align-self:center}.stat.win{position:relative;left:auto;right:auto;grid-column:3;grid-row:2;max-width:none;text-align:center;align-self:center}.stat small,.bet>small{font-size:10px}.stat strong,.bet #bet{font-size:17px}.bet-panel .bet{position:relative;left:auto;top:auto;width:auto;grid-column:4/6;grid-row:2;align-items:flex-end;align-self:center}.bet-arrows .hud-chip{position:relative;left:auto;top:auto!important;width:30px;height:32px;padding:0;grid-row:1;grid-column:2;align-self:center}.bet-arrows #minus{justify-self:start}.bet-arrows #plus{justify-self:end}.control-chips .hud-chip{position:relative;left:auto;top:auto!important;width:30px;height:32px;padding:0;grid-row:1;grid-column:4;align-self:center}.control-chips #auto{justify-self:start}.control-chips #turbo{justify-self:end}.console .spin{position:relative;left:auto;top:auto;grid-column:3;grid-row:1;width:76px;height:82px;align-self:center;order:0}.console #multiplier-readout.active{bottom:108%;font-size:12px;width:100%;left:0;right:0}footer{bottom:2px;font-size:7px}}
.message.important{position:absolute;z-index:9;top:5%;left:20%;width:60%;height:auto;margin:0;clip:auto;white-space:normal;overflow:visible;padding:12px 18px;border:1px solid #a58c61;border-radius:6px;background:#171219ed;font-size:13px;min-height:0}
/* Gaia's card face + separate action strip, with Maia's own bonus artwork. */
dialog.bonus-selector,dialog.bonus-confirm{width:min(94vw,1220px);max-width:none;max-height:94dvh;background:transparent;border:0;box-shadow:none;padding:54px 20px 20px;overflow:auto}dialog.bonus-selector::backdrop,dialog.bonus-confirm::backdrop{background:#000d;backdrop-filter:blur(2px)}dialog.bonus-selector>.close,dialog.bonus-confirm>.close{position:absolute;right:12px;top:0;width:44px;height:44px;border:1px solid #ffffff18;background:linear-gradient(#202020,#111);box-shadow:0 3px #000;border-radius:6px;font-size:34px;color:#ddd}.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.bonus-card{min-width:0}.bonus-card-face{position:relative;aspect-ratio:450/215;border:2px solid #ffffff20;border-radius:12px;background:linear-gradient(90deg,#0000,#1118 45%,#111d),var(--card-bg) center/cover,#141414;box-shadow:0 4px 0 #000,0 0 0 2px #000;overflow:hidden;display:grid;grid-template-columns:47% 53%;align-items:center}.bonus-card-art{position:relative;width:100%;height:100%;overflow:hidden}.bonus-raven{position:absolute;width:84%;height:88%;object-fit:contain;left:1%;top:-1%;filter:drop-shadow(0 5px 3px #000a)}.bonus-amulet{position:absolute;width:44%;height:50%;object-fit:contain;right:1%;bottom:4%;transform:rotate(12deg);filter:drop-shadow(0 4px 3px #000)}.bonus-raven-count{position:absolute;bottom:7%;left:8%;font:clamp(9px,1.1vw,15px) Gaia Rubik Bold,Arial;color:#f5dd99;text-shadow:0 2px #000}.bonus-card-copy{padding:8% 8% 8% 0;text-align:center;min-width:0}.bonus-card .bonus-card-copy h2{font-family:Gaia Rubik Bold,Arial;color:#f5dd99;font-size:clamp(14px,2.05vw,27px);line-height:1.03;margin:0 0 10px;letter-spacing:-.5px;text-shadow:0 2px #f5dd9944}.bonus-card-copy>span{display:block;font-size:clamp(9px,1.25vw,16px);color:#aaa;line-height:1.2}.bonus-card-copy>strong{display:block;margin-top:8px;font-size:clamp(8px,.9vw,12px);color:#ddd}.bonus-card-action{display:flex;align-items:center;justify-content:space-around;gap:8px;margin-top:6px;padding:9px 10px;border:2px solid #ffffff20;background:linear-gradient(#191919,#101010);border-radius:9px;box-shadow:0 4px 0 #000,0 0 0 2px #000}.bonus-card-action>span{flex:1;text-align:center;font:clamp(12px,1.6vw,22px) Gaia Rubik Bold,Arial;color:white;white-space:nowrap}.bonus-card-action button{width:47%;min-height:42px;border:1px solid #ffde3c55;border-radius:6px;background:linear-gradient(#8c731c33,#ffd2011c);color:#ffd201;font:clamp(12px,1.5vw,20px) Gaia Rubik Bold,Arial;box-shadow:inset 0 0 0 2px #ffd2010c;padding:8px}.bonus-bet-stepper{display:flex;align-items:center;justify-content:center;gap:60px;margin:45px 0 8px}.bonus-bet-stepper button{width:50px;height:50px;transform:skew(-8deg);border:2px solid #ffffff1a;background:linear-gradient(#272727,#111);border-radius:5px;font:36px Arial;box-shadow:0 3px #000}.bonus-bet-stepper>div{text-align:center;display:flex;flex-direction:column;gap:3px}.bonus-bet-stepper small{color:#999;font-size:11px}.bonus-bet-stepper strong{font:26px Gaia Rubik Bold,Arial}.confirm-card{width:min(320px,80vw);margin:auto}.confirm-card .bonus-card-face{aspect-ratio:320/295;display:block;background:linear-gradient(#0000,#111c 70%),var(--card-bg) center/cover,#141414}.confirm-card .bonus-card-art{height:62%;width:70%;margin:auto}.confirm-card .bonus-card-copy{padding:0 12px 16px}.confirm-card .bonus-card-copy h2{font-size:25px}.confirm-card .bonus-card-copy>span{font-size:13px}.confirm-card .bonus-card-copy>strong{font-size:11px}.confirm-card .bonus-card-detail{margin:8px 0 0;padding:16px;background:#161616;border:1px solid #ffffff20;border-radius:8px;color:#bbb;text-align:center;line-height:1.5;font-size:12px}.confirm-card .bonus-card-action{flex-direction:column;gap:14px;padding:16px}.confirm-card .bonus-card-action>span{font-size:18px}.confirm-card .bonus-card-action button{width:100%;font-size:18px}.bonus-back{display:block;margin:24px auto 0;background:transparent;border:0;color:#aaa;padding:10px 24px;font-size:13px}
@media(max-width:950px){.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-card .bonus-card-copy h2{font-size:clamp(16px,2.8vw,26px)}.bonus-card-copy>span{font-size:clamp(10px,1.8vw,16px)}.bonus-card-copy>strong{font-size:clamp(9px,1.3vw,12px)}.bonus-card-action>span{font-size:16px}.bonus-card-action button{font-size:15px}.bonus-raven-count{font-size:12px}}
@media(max-width:600px){dialog.bonus-selector,dialog.bonus-confirm{width:96vw;max-height:95dvh;padding:50px 12px 16px}.bonus-grid{grid-template-columns:1fr;gap:20px}.bonus-card-face{aspect-ratio:448/168;background-image:linear-gradient(90deg,#0000,#1118 45%,#111d),var(--card-mobile)}.bonus-card .bonus-card-copy h2{font-size:clamp(18px,5.5vw,27px)}.bonus-card-copy>span{font-size:13px}.bonus-card-copy>strong{font-size:10px}.bonus-card-action{padding:8px}.bonus-card-action>span{font-size:18px}.bonus-card-action button{font-size:16px;min-height:40px}.bonus-raven-count{font-size:12px}.bonus-bet-stepper{gap:45px;margin-top:28px}.confirm-card .bonus-card-face{aspect-ratio:320/295;background-image:linear-gradient(#0000,#111c 70%),var(--card-bg)}.confirm-card .bonus-card-copy h2{font-size:25px}}

.bonus-amulet-value{position:absolute;right:1%;bottom:4%;width:44%;height:50%;display:grid;place-items:center;color:#f5dd99;font:clamp(10px,1.4vw,18px) Gaia Rubik Bold,Arial;text-shadow:0 1px 2px #000;transform:rotate(12deg)}.confirm-card .bonus-amulet-value{font-size:18px}@media(max-width:600px){.bonus-amulet-value{font-size:17px}}

@media(max-width:600px){.bet-arrows .hud-chip img{transform:rotate(90deg)}}
/* Matched to the current live Gates demo, not the older Summit handoff. */
:root{--ui-accent:#c52c80}.free-spins{display:none}.console #multiplier-readout.active{bottom:99%}.hud-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0 10px}.hud-options button{padding:8px 4px;min-height:32px;font-size:13px;border-radius:3px}.hud-options button.selected{background:#ffffff10;color:var(--ui-accent);border:1px solid #79304f}.hud-primary{background:var(--ui-accent);color:#151015;border-radius:3px;font-weight:800;min-height:36px;padding:9px;margin-top:4px}.hud-popup{width:300px}dialog.hud-popup h1{font-size:17px;margin-bottom:12px}dialog.hud-popup{width:300px;padding:16px;border-radius:12px}.in-bonus .readout-panel,.in-bonus .bet-panel{display:contents}.console.in-bonus::before,.console.in-bonus::after{content:'';position:absolute;top:9.41%;height:81.18%;pointer-events:none;z-index:-1}.console.in-bonus::before{left:.84%;width:52.76%;background:url('assets/gaia/hud/panel-bonus.svg') center/100% 100% no-repeat}.console.in-bonus::after{left:52.37%;width:46.86%;background:url('assets/gaia/hud/panel-info.svg') center/100% 100% no-repeat}.in-bonus #explore,.in-bonus .spin,.in-bonus .bet-arrows,.in-bonus #auto{display:none}.in-bonus .readout-panel #menu{left:5.28%;top:30%;width:4.29%;height:32.94%;z-index:1}.in-bonus .stat.balance{left:12.63%;top:28%;width:18%;max-width:none}.in-bonus .bet-panel .bet{left:36%;top:28%;width:14%}.in-bonus .free-spins{display:flex;left:57%;top:28%;width:11%;max-width:none;align-items:flex-start}.in-bonus .free-spins small{white-space:nowrap}.in-bonus .stat.win{left:auto;right:12.6%;top:28%;width:20%;max-width:none}.in-bonus .control-chips #turbo{left:90.43%;top:30%;width:4.29%;height:32.94%;z-index:1}.in-bonus.recovery .spin{display:block;left:90%;top:10%;width:9%;height:80%}.in-bonus.recovery #turbo{display:none}.bonus-card-action button{color:var(--ui-accent);background:linear-gradient(#7c23482e,#c52c8018);border-color:#c52c8044;box-shadow:inset 0 0 0 2px #c52c800b}.confirm-card .bonus-card-action button{background:var(--ui-accent);color:#151015}.bonus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.console #auto-count{background:var(--ui-accent);color:white}.console .hud-chip.on img{filter:none}
@media(min-width:601px) and (max-width:1151px){.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.bonus-card-face{aspect-ratio:448/168}.bonus-card .bonus-card-copy h2{font-size:clamp(20px,3vw,32px)}.bonus-card-copy>span{font-size:clamp(12px,1.8vw,18px)}.bonus-card-copy>strong{font-size:clamp(10px,1.3vw,13px)}.bonus-raven-count{font-size:14px}.bonus-card-action>span{font-size:22px}.bonus-card-action button{font-size:20px;min-height:44px}.confirm-card .bonus-card-face{aspect-ratio:320/295}.confirm-card .bonus-card-copy h2{font-size:25px}}
@media(max-width:600px){.bonus-grid{grid-template-columns:1fr}.in-bonus .console,.console.in-bonus{height:110px;display:grid;grid-template-columns:36px repeat(4,minmax(0,1fr));grid-template-rows:90px;align-items:center}.console.in-bonus::before{left:0;top:10px;width:100%;height:85px;background-image:url('assets/gaia/hud/mobile-panel-bonus.svg')}.console.in-bonus::after{display:none}.in-bonus .readout-panel #menu{position:relative;left:auto;top:auto;grid-column:1;grid-row:1;justify-self:center;align-self:center;width:30px;height:34px}.in-bonus .stat.balance{position:relative;left:auto;top:auto;grid-column:2;grid-row:1;align-self:center;width:auto;max-width:none}.in-bonus .bet-panel .bet{position:relative;left:auto;top:auto;grid-column:3;grid-row:1;align-items:center;align-self:center;width:auto}.in-bonus .free-spins{position:relative;left:auto;top:auto;grid-column:4;grid-row:1;align-items:center;align-self:center;width:auto}.in-bonus .stat.win{position:relative;left:auto;right:auto;top:auto;grid-column:5;grid-row:1;align-self:center;width:auto;max-width:none}.in-bonus .control-chips{display:none}.in-bonus .stat strong,.in-bonus .bet #bet{font-size:15px}.in-bonus .stat small,.in-bonus .bet>small{font-size:8px}.in-bonus.recovery .spin{position:absolute;left:auto;right:0;top:-70px;width:70px;height:72px}.console #multiplier-readout.active{bottom:100%}}

/* Scale the anchored desktop popovers with the reference 1920px scene. */
dialog.hud-popup{width:clamp(192px,calc(350 * var(--hud-unit)),350px);padding:clamp(11px,calc(20 * var(--hud-unit)),20px)}
dialog.hud-popup h1{font-size:clamp(11px,calc(24 * var(--hud-unit)),24px);margin:0 0 12px}
.hud-popup .hud-options{gap:clamp(5px,calc(12 * var(--hud-unit)),12px);margin:10px 0}
.hud-popup .hud-options button{min-height:clamp(28px,calc(52 * var(--hud-unit)),52px);font:inherit;font-size:clamp(12px,calc(24 * var(--hud-unit)),24px);padding:4px}
.hud-popup .hud-primary{font-size:clamp(12px,calc(24 * var(--hud-unit)),24px);min-height:clamp(29px,calc(54 * var(--hud-unit)),54px);padding:6px}
.hud-popup .audio-row{grid-template-columns:clamp(16px,calc(28 * var(--hud-unit)),28px) 1fr;gap:clamp(10px,calc(20 * var(--hud-unit)),20px);margin:5px 0 12px}
.hud-popup .audio-row img,.hud-popup .menu-row img{width:clamp(16px,calc(28 * var(--hud-unit)),28px);height:clamp(16px,calc(28 * var(--hud-unit)),28px)}
.hud-popup .menu-row{gap:10px;padding:8px 0;font-size:clamp(11px,calc(22 * var(--hud-unit)),22px)}
.hud-popup .hud-advanced{margin-top:6px;font-size:10px}.console.in-bonus{isolation:isolate}
@media(max-width:600px){dialog.hud-popup{width:280px;padding:16px}dialog.hud-popup h1{font-size:16px}.hud-popup .hud-options button{min-height:38px;font-size:14px}.hud-popup .hud-primary{min-height:38px;font-size:14px}}

@media(min-width:601px){.console{bottom:6%}}

@media(min-width:601px){
.console{left:50%;transform:translateX(-50%);width:min(68vw,120.89dvh);height:min(8.852vw,15.737dvh)}
.stat small,.bet>small{font-size:clamp(8px,min(1.04vw,1.85dvh),20px)}
.stat strong,.bet #bet{font-size:clamp(12px,min(1.46vw,2.6dvh),28px)}
}
@media(min-width:601px) and (min-aspect-ratio:16/9){.console{bottom:1%}}

dialog.hud-popup>.close{font-size:0;width:22px;height:22px;right:12px;top:10px}dialog.hud-popup>.close::before{content:'';display:inline-block;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #aaa}

.hud-popup:has(.hud-options) h1{padding-bottom:10px;border-bottom:1px solid #ffffff12}.hud-popup .hud-options button{min-height:clamp(28px,calc(56 * var(--hud-unit)),56px)}

@media(min-width:1152px){dialog.bonus-selector{width:min(94vw,calc(1440 * var(--hud-unit)))}}
@media(min-width:601px){dialog.bonus-selector>.close,dialog.bonus-confirm>.close{position:fixed;top:20px;right:20px}.bonus-selector .bonus-bet-stepper{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin:0;gap:80px}}

dialog.hud-popup:has(.hud-bets){width:clamp(300px,calc(940 * var(--hud-unit)),940px)}.hud-popup .hud-bets{grid-template-columns:repeat(6,minmax(0,1fr));margin:0}.hud-popup:has(.hud-bets)>.close{display:none}
@media(max-width:600px){dialog.hud-popup:has(.hud-bets){width:calc(100vw - 24px)}.hud-popup .hud-bets{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Phone seats follow the supplied 480 x 812 Gaia HUD used by live Gates. */
@media(max-width:600px){
.viewport{padding-top:max(16px,calc(100dvh - 660px))}.scene{width:206%;margin-left:-53%}
.console,.console.in-bonus{position:relative;left:auto;bottom:auto;transform:none;width:100%;height:39cqw;margin:4px 0 8px;display:block;isolation:isolate}
.console::before,.console::after{content:'';position:absolute;pointer-events:none;top:8.56%;height:41.18%;z-index:-1;background:center/100% 100% no-repeat}
.console::before{left:16.98%;width:66.04%;background-image:url('assets/gaia/hud/mobile-panel.svg')}.console::after{left:83.65%;width:14.375%;background-image:url('assets/gaia/hud/mobile-menu-panel.svg')}
.console #explore{position:absolute;left:1.98%;top:8.56%;width:14.375%;height:41.18%}
.console .spin{position:absolute;left:39.48%;top:0;width:21.04%;height:58.29%;background-image:url('assets/gaia/hud/mobile-spin.svg')}.console .spin.spinning{background-image:url('assets/gaia/hud/mobile-spin-blank.svg')}
.console .readout-panel #menu,.console .control-chips .hud-chip,.console .bet-arrows .hud-chip{position:absolute;top:16.31%!important;width:8.333%;height:21.39%}
.console .readout-panel #menu{left:86.67%}.console .control-chips #turbo{left:20%}.console .bet-arrows #minus{left:30%}.console .bet-arrows #plus{left:61.67%}.console .control-chips #auto{left:71.67%}
.console .stat.balance,.console .stat.win,.console .bet-panel .bet{position:absolute;top:69.79%;max-width:none;align-self:auto;width:29.17%;display:flex}
.console .stat.balance{left:4.167%;align-items:flex-start}.console .stat.win{left:35.415%;right:auto;align-items:center;text-align:center}.console .bet-panel .bet{left:68.75%;align-items:flex-end}
.console .stat small,.console .bet>small{font-size:3.333cqw}.console .stat strong,.console .bet #bet{font-size:4.167cqw}
.console.in-bonus::before{left:1.98%;top:6.4%;width:96.04%;height:45.45%;background-image:url('assets/gaia/hud/mobile-panel-bonus.svg')}.console.in-bonus::after{display:none}
.console.in-bonus .readout-panel #menu{left:5.833%}.console.in-bonus .control-chips{display:contents}.console.in-bonus .control-chips #turbo{display:grid;left:85.833%}
.console.in-bonus .free-spins{position:absolute;left:16.667%;top:19.52%;width:23%;display:flex;align-items:flex-start}.console.in-bonus .stat.win{left:auto;right:17.5%;top:19.52%;width:35%;align-items:flex-end;text-align:right}
.console.in-bonus.recovery .spin{left:auto;right:0;top:-70px;width:70px;height:72px}
}

.console .stat.win small{color:var(--ui-accent)}.console .stat.win strong{color:white}body:has(#modal.hud-popup[open][data-anchor="menu"]) .console #menu,body:has(#modal.hud-popup[open][data-anchor="auto"]) .console #auto{background-image:url('assets/live-ui/chip-40-active.svg')}body:has(#modal.hud-popup[open][data-anchor="bet-select"]) #bet{color:var(--ui-accent)}