/* Exact reference seats are applied by reference-ui.js; art remains Maia's. */
.console,.console.in-bonus{position:fixed!important;inset:0!important;transform:none!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:block!important;z-index:20;pointer-events:none;isolation:isolate;background:none;border:0;box-shadow:none}
.console .readout-panel,.console .bet-panel,.console .control-chips,.console .bet-arrows{display:contents!important}
.console::before,.console.in-bonus::before{content:'';display:block;position:absolute;left:var(--panel-0-left);top:var(--panel-0-top);width:var(--panel-0-width);height:var(--panel-0-height);background:var(--panel-0-image) center/100% 100% no-repeat;z-index:-1}
.console::after,.console.in-bonus::after{content:'';display:var(--panel-1-visible);position:absolute;left:var(--panel-1-left);top:var(--panel-1-top);width:var(--panel-1-width);height:var(--panel-1-height);background:var(--panel-1-image) center/100% 100% no-repeat;z-index:-1}
.console #explore,.console #spin,.console #menu,.console #plus,.console #minus,.console #auto,.console #turbo{position:absolute!important;bottom:auto;right:auto;margin:0!important;padding:0!important;min-width:0;min-height:0;pointer-events:auto;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;top:auto}
.console #explore{background-image:var(--bonus-image)}.console #spin{background-image:var(--spin-image)}.console #spin.spinning{background-image:var(--spin-blank-image)}
.console[data-variant="desktop"] .bet-arrows img{transform:none}.console[data-variant="mobile"] .bet-arrows img{transform:rotate(90deg)}
.console .stat,.console .bet-panel .bet{position:absolute!important;bottom:auto!important;right:auto!important;margin:0;padding:0;min-width:0;max-width:none!important;flex-direction:column;justify-content:flex-start;grid-column:auto;grid-row:auto}
.console .stat small,.console .bet>small{font-weight:normal;letter-spacing:0;white-space:nowrap}.console .stat strong,.console .bet #bet{font-family:Gaia Rubik,Arial,sans-serif;font-weight:normal;white-space:nowrap;font-variant-numeric:tabular-nums}
.console .bet #bet-select{padding:0;margin:0;min-height:0;min-width:0;width:auto;height:auto;pointer-events:auto;display:block;border:0;line-height:1}
.console #spins{display:block}.console #multiplier-readout.active{position:absolute;bottom:auto;right:auto;max-width:none;line-height:1.2;text-align:center}
.console .hud-chip img{width:60%;height:60%}.console .spin:disabled{opacity:.5}.console .spin.spinning{opacity:1}
/* Same 160ms entrance, 120ms exit, 20px frame padding and 56px cells. */
dialog.hud-popup{margin:0!important;padding:0!important;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;border:calc(2.5 * var(--pop-unit)) solid #ffffff14;border-bottom-color:#0008;border-radius:calc(20 * var(--pop-unit));background:linear-gradient(#1a1a1a,#101010);box-shadow:0 calc(8 * var(--pop-unit)) 0 #080808,0 0 0 calc(3 * var(--pop-unit)) #000;opacity:0;transition:opacity .12s,display .12s allow-discrete,overlay .12s allow-discrete;animation:none!important}
dialog.hud-popup[open]{opacity:1;transition-duration:.16s}@starting-style{dialog.hud-popup[open]{opacity:0}}
dialog.hud-popup>.close{display:none}.hud-popup #modalbody{position:absolute;inset:0;padding:0}
dialog.hud-popup h1{position:absolute;left:calc(20 * var(--pop-unit));top:calc(24 * var(--pop-unit));width:calc(312 * var(--pop-unit));height:calc(24 * var(--pop-unit));margin:0!important;padding:0!important;border:0!important;font:normal calc(24 * var(--pop-unit))/1 Gaia Rubik,Arial,sans-serif;text-align:center;color:white}
dialog.hud-popup .hud-options{position:absolute;left:calc(20 * var(--pop-unit));top:calc(88 * var(--pop-unit));width:calc(312 * var(--pop-unit));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--pop-unit));margin:0;padding:0}
dialog.hud-popup .hud-options button{height:calc(56 * var(--pop-unit));min-height:0;padding:0;border:calc(1.5 * var(--pop-unit)) solid #ffffff14;border-radius:calc(6 * var(--pop-unit));background:#ffffff14;color:#999;font:normal calc(24 * var(--pop-unit))/1 Gaia Rubik,Arial,sans-serif;letter-spacing:calc(-.48 * var(--pop-unit))}
dialog.hud-popup .hud-options button.selected{color:#cc2c7c;border-color:#cc2c7c4d;background:#ffffff1a}
dialog.hud-popup .hud-primary{position:absolute;left:calc(20 * var(--pop-unit));top:calc(300 * var(--pop-unit));width:calc(312 * var(--pop-unit));height:calc(56 * var(--pop-unit));min-height:0;margin:0;padding:0;background:#cc2c7c;color:#1a1a1a;border:0;border-radius:calc(6 * var(--pop-unit));font:normal calc(24 * var(--pop-unit))/1 Gaia Rubik,Arial,sans-serif}
dialog.hud-popup::after{content:'';position:absolute;left:calc(20 * var(--pop-unit));top:calc(68 * var(--pop-unit));height:calc(2 * var(--pop-unit));width:calc(312 * var(--pop-unit));background:#ffffff14;pointer-events:none}dialog.hud-popup[data-anchor="menu"]::after,dialog.hud-popup[data-anchor="bet-select"]::after{display:none}
#auto-limits-toggle{position:absolute;top:calc(22 * var(--pop-unit));right:calc(20 * var(--pop-unit));width:calc(28 * var(--pop-unit));height:calc(28 * var(--pop-unit));background:none;border:0;padding:0}#auto-limits-toggle::before{content:'';display:block;margin:auto;border-left:calc(8 * var(--pop-unit)) solid transparent;border-right:calc(8 * var(--pop-unit)) solid transparent;border-top:calc(9 * var(--pop-unit)) solid #999}#auto-limits-toggle[aria-expanded="true"]::before{transform:rotate(180deg)}
#auto-limits{position:absolute;inset:0;pointer-events:none}#auto-limits button{pointer-events:auto}#auto-limits h2{position:absolute;left:calc(20 * var(--pop-unit));top:calc(324 * var(--pop-unit));width:calc(312 * var(--pop-unit));margin:0;padding:0;border:0;font:normal calc(24 * var(--pop-unit))/1 Gaia Rubik,Arial,sans-serif;text-align:center}#auto-limits h2::before{content:'';position:absolute;left:0;right:0;top:calc(-24 * var(--pop-unit));height:calc(2 * var(--pop-unit));background:#ffffff14}#auto-limits h2:nth-of-type(2){top:calc(540 * var(--pop-unit))}
#auto-limits .hud-loss{top:calc(372 * var(--pop-unit))}#auto-limits .hud-single{top:calc(588 * var(--pop-unit))}dialog.hud-popup.limits-open .hud-primary{top:calc(732 * var(--pop-unit))}
dialog.hud-popup .hud-bets{top:calc(20 * var(--pop-unit));width:calc(900 * var(--pop-unit));grid-template-columns:repeat(6,minmax(0,1fr))}dialog.hud-popup.mobile-auto .hud-bets{width:calc(444 * var(--pop-unit));grid-template-columns:repeat(3,minmax(0,1fr))}
dialog.hud-popup .audio-row,dialog.hud-popup .menu-row{position:absolute;left:0;top:calc(12 * var(--pop-unit));width:100%;height:calc(52 * var(--pop-unit));margin:0;padding:0;border:0;background:none;display:block}
dialog.hud-popup .audio-row:nth-of-type(2){top:calc(64 * var(--pop-unit))}dialog.hud-popup .menu-row{top:calc(116 * var(--pop-unit));padding-left:calc(68 * var(--pop-unit));font:normal calc(24 * var(--pop-unit))/1 Gaia Rubik,Arial,sans-serif;color:white;text-align:left}
dialog.hud-popup .audio-row img,dialog.hud-popup .menu-row img{position:absolute;left:calc(24 * var(--pop-unit));top:calc(12 * var(--pop-unit));width:calc(28 * var(--pop-unit));height:calc(28 * var(--pop-unit))}
dialog.hud-popup .audio-row input{position:absolute;left:calc(68 * var(--pop-unit));top:calc(19 * var(--pop-unit));width:calc(258 * var(--pop-unit));height:calc(14 * var(--pop-unit));margin:0;accent-color:#ddd}
dialog.hud-popup .menu-row img{top:calc(12 * var(--pop-unit))}

:root{--ui-accent:#cc2c7c}.cell.pop{animation-duration:calc(var(--remove-ms,110) * 1ms)}

.console .hud-chip{background-image:var(--chip-idle)}.console .hud-chip:hover{background-image:var(--chip-hover)}.console .hud-chip.on{background-image:var(--chip-active)}.console #turbo[data-speed="1"] img{content:url('assets/live-ui/icon-turbo-pink.svg')}.console #turbo[data-speed="2"]{background-image:var(--chip-solid)}.console #turbo[data-speed="2"] img{filter:brightness(0)}
dialog.hud-popup .audio-row input{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#ddd 0 var(--volume,0%),#ffffff33 var(--volume,0%) 100%);border:calc(2 * var(--pop-unit)) solid #ffffff33;border-radius:calc(8 * var(--pop-unit));outline:none}dialog.hud-popup .audio-row input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(20 * var(--pop-unit));height:calc(20 * var(--pop-unit));border:0;border-radius:calc(4 * var(--pop-unit));background:white}dialog.hud-popup .audio-row input::-moz-range-thumb{width:calc(20 * var(--pop-unit));height:calc(20 * var(--pop-unit));border:0;border-radius:calc(4 * var(--pop-unit));background:white}

dialog.hud-popup #modalbody{inset:calc(-2.5 * var(--pop-unit))}

.console button,.hud-popup button{transition:filter .12s;transform-origin:center}.console button:active{transform:none}.console button:hover{filter:none}dialog.hud-popup{transition:opacity .12s,top .22s,height .22s,display .12s allow-discrete,overlay .12s allow-discrete}dialog.hud-popup[open]{transition:opacity .16s,top .22s,height .22s,display .12s allow-discrete,overlay .12s allow-discrete}.hud-popup .hud-primary{transition:top .22s}

/* Keep the reference border inside the design box without creating scroll overflow. */
dialog.hud-popup{border:0;overflow:hidden;box-shadow:inset 0 0 0 calc(2.5 * var(--pop-unit)) #ffffff14,0 calc(8 * var(--pop-unit)) 0 #080808,0 0 0 calc(3 * var(--pop-unit)) #000}dialog.hud-popup #modalbody{inset:0}
@font-face{font-family:Aileron;src:url('assets/gates/fonts/Aileron-Regular.otf') format('opentype');font-weight:400 600;font-display:swap}@font-face{font-family:Aileron;src:url('assets/gates/fonts/Aileron-Black.otf') format('opentype');font-weight:800 900;font-display:swap}
dialog.game-info{position:fixed;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none;max-height:none;margin:0;padding:22px 16px 92px;box-sizing:border-box;border:0;border-radius:0;overflow:auto;background:rgba(3,3,5,.96);color:#fff;font-family:Aileron,Arial,sans-serif;animation:info-enter .16s ease-out}dialog.game-info::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog.game-info>.close{position:fixed;inset:8px 10px auto auto;width:44px;height:44px;border:0;background:none;font:36px/40px Aileron,Arial,sans-serif;z-index:3;padding:0;color:white}dialog.game-info #modalbody{padding:0;max-width:880px;margin:0 auto;text-align:center}dialog.game-info .info-header{max-width:880px;padding:8px 52px 14px;margin:0 auto 22px;position:relative}dialog.game-info h1{font:800 34px/41px Aileron,Arial,sans-serif;letter-spacing:7.48px;color:white;margin:0;border:0;padding:0}dialog.game-info .info-header::after{content:'';position:absolute;bottom:0;left:calc(50% - 90px);width:180px;height:1px;background:#806221}dialog.game-info .info-section{margin:0 auto 33.6px}dialog.game-info h2{font:800 20px/24px Aileron,Arial,sans-serif;letter-spacing:3.2px;color:#f7c13f;margin:0 0 12px;padding:0;border:0}dialog.game-info .info-grid{display:grid;gap:13.6px 16px}dialog.game-info .info-wide .info-grid{max-width:560px;margin:auto}dialog.game-info .info-features .info-grid{max-width:720px;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr))}dialog.game-info .info-symbols .info-grid{max-width:720px;margin:auto;grid-template-columns:repeat(5,minmax(0,1fr))}dialog.game-info .info-card{padding:13.6px 17.6px;border:1px solid #ffe4ee38;border-radius:4px;background:#0804066b;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}dialog.game-info .info-card img{width:84px;height:84px;object-fit:contain;display:block;flex-shrink:0}dialog.game-info h3{font:800 15px/20px Aileron,Arial,sans-serif;letter-spacing:1px;color:#f7c13f;text-transform:uppercase;margin:0}dialog.game-info h3:empty{display:none}dialog.game-info p{font:600 14.08px/20.416px Aileron,Arial,sans-serif;color:#fffffff0;margin:0;max-width:390px}dialog.game-info .info-symbols p{font-variant-numeric:tabular-nums;white-space:nowrap}dialog.game-info .info-symbols .info-card{padding:14px 6px}dialog.game-info .info-footer{display:flex!important;position:fixed;inset:auto 0 0;height:69px;align-items:center;justify-content:center;background:rgba(8,6,8,.97);border-top:1px solid #ffffff40;z-index:2;margin:0;padding:0}dialog.game-info .info-footer button{width:280px;height:44px;border:1px solid #ffe4ee40;background:none;color:#ffe4ee;font:800 16px Aileron,Arial,sans-serif;letter-spacing:3.2px;border-radius:0;padding:0}dialog.game-info .info-footer button:hover,dialog.game-info .info-reset:hover{background:#ffffff12}dialog.game-info .info-reset{color:#ccc;background:none;border:1px solid #ffffff30;padding:12px;font:600 13px Aileron,Arial,sans-serif;border-radius:4px}@keyframes info-enter{from{opacity:0}to{opacity:1}}@media(max-width:600px){dialog.game-info{padding:22px 12px 92px}dialog.game-info h1{font-size:28px}dialog.game-info .info-symbols .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog.game-info .info-features .info-grid{grid-template-columns:1fr}dialog.game-info .info-card{padding:14px}dialog.game-info .info-section{margin-bottom:28px}dialog.game-info .info-footer button{width:min(280px,80vw)}}
/* Published Gates card geometry; Maia supplies all card illustration. */
dialog.bonus-selector,dialog.bonus-confirm{position:fixed;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none;max-height:none;margin:0!important;padding:0!important;background:transparent;overflow:auto;box-sizing:border-box;animation:bonus-screen-in .16s ease-out!important}dialog.bonus-selector::backdrop,dialog.bonus-confirm::backdrop{background:#000b;backdrop-filter:none}dialog.bonus-selector #modalbody,dialog.bonus-confirm #modalbody{padding:0;position:static}dialog.bonus-selector>.close,dialog.bonus-confirm>.close{position:fixed;right:var(--bonus-close);top:var(--bonus-close);width:var(--bonus-chip);height:var(--bonus-chip);font-size:calc(48 * var(--bonus-unit));z-index:4;border-radius:calc(8 * var(--bonus-unit));border-width:calc(2 * var(--bonus-unit));padding:0;line-height:1}dialog.bonus-selector .bonus-grid{position:absolute;left:var(--bonus-left);top:var(--bonus-top);display:grid;grid-template-columns:repeat(3,calc(450 * var(--bonus-unit)));gap:calc(16 * var(--bonus-unit));width:auto;margin:0}.bonus-selector .bonus-card{position:relative;width:calc(450 * var(--bonus-unit));height:calc(308 * var(--bonus-unit))}.bonus-selector .bonus-card-face{position:absolute;inset:0 0 auto;height:calc(215 * var(--bonus-unit));aspect-ratio:auto;display:block;border:calc(2.5 * var(--bonus-unit)) solid #ffffff20;border-radius:calc(16 * var(--bonus-unit));background:linear-gradient(90deg,#0002,#111d 70%),var(--card-bg) center/cover;box-shadow:0 calc(8 * var(--bonus-unit)) #000,0 0 0 calc(3 * var(--bonus-unit)) #000}.bonus-selector .bonus-card-art{position:absolute;left:0;top:0;width:48%;height:100%}.bonus-selector .bonus-raven{width:96%;height:96%;left:-2%;top:0}.bonus-selector .bonus-amulet{width:42%;height:48%;right:-2%;bottom:1%}.bonus-selector .bonus-amulet-value{position:absolute;right:7%;bottom:16%;font:calc(24 * var(--bonus-unit)) Gaia Rubik Bold,Arial;color:#ffe087;text-shadow:0 2px 2px #000}.bonus-selector .bonus-card-copy{position:absolute;left:calc(220 * var(--bonus-unit));top:0;width:calc(220 * var(--bonus-unit));height:100%;padding:0}.bonus-selector .bonus-card-copy h2{position:absolute;inset:calc(28 * var(--bonus-unit)) 0 auto;margin:0;font:calc(36 * var(--bonus-unit))/1 Gaia Rubik Bold,Arial;color:#f5dd99;letter-spacing:calc(-.5 * var(--bonus-unit))}.bonus-selector .bonus-card-copy>span{position:absolute;top:calc(128 * var(--bonus-unit));width:100%;font-size:calc(20 * var(--bonus-unit));color:#aaa}.bonus-selector .bonus-card-copy>strong{position:absolute;top:calc(156 * var(--bonus-unit));width:100%;margin:0;font-size:calc(15 * var(--bonus-unit));color:#ddd}.bonus-selector .bonus-card-copy>small{position:absolute;top:calc(182 * var(--bonus-unit));width:100%;left:0;font:calc(14 * var(--bonus-unit)) Gaia Rubik Bold,Arial;color:#f5dd99}.bonus-selector .bonus-card-action{position:absolute;top:calc(220 * var(--bonus-unit));width:100%;height:calc(80 * var(--bonus-unit));margin:0;padding:0;box-sizing:border-box;border-width:calc(2.5 * var(--bonus-unit));border-radius:calc(16 * var(--bonus-unit));display:block}.bonus-selector .bonus-card-action>span{position:absolute;left:0;top:calc(24 * var(--bonus-unit));width:52%;font:calc(28 * var(--bonus-unit)) Gaia Rubik Bold,Arial}.bonus-selector .bonus-card-action button{position:absolute;left:calc(238 * var(--bonus-unit));top:calc(12 * var(--bonus-unit));width:calc(200 * var(--bonus-unit));height:calc(56 * var(--bonus-unit));min-height:0;padding:0;font:calc(24 * var(--bonus-unit)) Gaia Rubik Bold,Arial;border-radius:calc(6 * var(--bonus-unit));background:#cc2c7c;color:#080808;border:0}.bonus-selector .bonus-bet-stepper{position:fixed;left:50%;top:var(--bonus-step);bottom:auto;transform:translateX(-50%);margin:0;gap:calc(112 * var(--bonus-unit));z-index:2}.bonus-selector .bonus-bet-stepper button{width:calc(68 * var(--bonus-unit));height:calc(64 * var(--bonus-unit));font-size:calc(48 * var(--bonus-unit));padding:0}.bonus-selector .bonus-bet-stepper small{display:none}.bonus-selector .bonus-bet-stepper strong{font:calc(32 * var(--bonus-unit)) Gaia Rubik Bold,Arial}.bonus-selector .bonus-bet-stepper>div{min-width:calc(100 * var(--bonus-unit));padding-top:calc(16 * var(--bonus-unit))}
dialog.bonus-confirm .confirm-card{position:absolute;left:var(--bonus-left);top:var(--bonus-top);width:calc(320 * var(--bonus-unit));height:calc(484 * var(--bonus-unit));margin:0;border:calc(2.5 * var(--bonus-unit)) solid #ffffff20;border-radius:calc(16 * var(--bonus-unit));background:linear-gradient(transparent,#101010 65%),var(--card-bg) center/cover;box-shadow:0 calc(8 * var(--bonus-unit)) #000,0 0 0 calc(3 * var(--bonus-unit)) #000;overflow:hidden;box-sizing:border-box}.bonus-confirm .confirm-card .bonus-card-face{position:absolute;inset:0;aspect-ratio:auto;display:block;background:none;border:0;box-shadow:none;overflow:visible}.bonus-confirm .confirm-card .bonus-card-art{position:absolute;left:calc(60 * var(--bonus-unit));top:0;width:calc(200 * var(--bonus-unit));height:calc(180 * var(--bonus-unit));margin:0;mask-image:linear-gradient(#000 65%,transparent)}.bonus-confirm .bonus-raven{width:90%;height:100%;top:0;left:0}.bonus-confirm .bonus-amulet{width:45%;height:55%;right:0;bottom:0}.bonus-confirm .bonus-amulet-value{position:absolute;right:12%;bottom:16%;font:calc(24 * var(--bonus-unit)) Gaia Rubik Bold,Arial;color:#ffe087;text-shadow:0 2px 2px #000}.bonus-confirm .confirm-card .bonus-card-copy{position:absolute;inset:0;padding:0}.bonus-confirm .confirm-card .bonus-card-copy h2{position:absolute;left:calc(16 * var(--bonus-unit));top:calc(154 * var(--bonus-unit));width:calc(288 * var(--bonus-unit));margin:0;font:calc(36 * var(--bonus-unit))/1 Gaia Rubik Bold,Arial;color:#f5dd99}.bonus-confirm .confirm-card .bonus-card-copy>span{position:absolute;top:calc(246 * var(--bonus-unit));width:100%;left:0;font:calc(20 * var(--bonus-unit)) Gaia Rubik Bold,Arial;color:#eee}.bonus-confirm .confirm-card .bonus-card-copy>strong{position:absolute;top:calc(298 * var(--bonus-unit));left:calc(24 * var(--bonus-unit));width:calc(272 * var(--bonus-unit));font:calc(16 * var(--bonus-unit))/1.25 Gaia Rubik,Arial;color:#aaa;margin:0}.bonus-confirm .bonus-card-copy>small{position:absolute;top:calc(322 * var(--bonus-unit));width:100%;left:0;font:calc(16 * var(--bonus-unit)) Gaia Rubik,Arial;color:#aaa}.bonus-confirm .confirm-card .bonus-card-action{display:block;position:absolute;inset:0;margin:0;padding:0;background:none;border:0;box-shadow:none;pointer-events:none}.bonus-confirm .confirm-card .bonus-card-action>span{position:absolute;top:calc(354 * var(--bonus-unit));left:0;width:100%;font:calc(28 * var(--bonus-unit)) Gaia Rubik Bold,Arial}.bonus-confirm .confirm-card .bonus-card-action button{position:absolute;top:calc(404 * var(--bonus-unit));left:calc(24 * var(--bonus-unit));width:calc(272 * var(--bonus-unit));height:calc(56 * var(--bonus-unit));min-height:0;margin:0;padding:0;font:calc(24 * var(--bonus-unit)) Gaia Rubik Bold,Arial;color:#080808;background:#cc2c7c;border:0;border-radius:calc(6 * var(--bonus-unit));pointer-events:auto}.bonus-confirm .bonus-card-detail{position:absolute;top:calc(var(--bonus-top) + var(--bonus-detail));left:50%;transform:translateX(-50%);width:var(--bonus-detailWidth);margin:0;padding:0;font:calc(22 * var(--bonus-unit))/1.36 Gaia Rubik,Arial;text-align:center;color:#fff}.bonus-confirm .bonus-back{position:absolute;top:calc(var(--bonus-top) + var(--bonus-detail) + 100 * var(--bonus-unit));left:50%;transform:translateX(-50%);margin:0;padding:calc(10 * var(--bonus-unit)) calc(24 * var(--bonus-unit));font:calc(18 * var(--bonus-unit)) Gaia Rubik,Arial}
.bonus-selector.bonus-compact .bonus-grid{grid-template-columns:calc(448 * var(--bonus-unit));padding-bottom:calc(180 * var(--bonus-unit));row-gap:calc(16 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card{width:calc(448 * var(--bonus-unit));height:calc(251 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-face{height:calc(168 * var(--bonus-unit));border-radius:calc(12 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-copy h2{top:calc(20 * var(--bonus-unit));font-size:calc(30 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-copy>span{top:calc(95 * var(--bonus-unit));font-size:calc(18 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-copy>strong{top:calc(122 * var(--bonus-unit));font-size:calc(14 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-copy>small{top:calc(144 * var(--bonus-unit));font-size:calc(12 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-action{top:calc(173 * var(--bonus-unit));height:calc(72 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-action button{left:calc(236 * var(--bonus-unit));top:calc(12 * var(--bonus-unit));height:calc(48 * var(--bonus-unit));font-size:calc(20 * var(--bonus-unit))}.bonus-selector.bonus-compact .bonus-card-action>span{top:calc(22 * var(--bonus-unit));font-size:calc(24 * var(--bonus-unit))}.bonus-selector.bonus-compact::after{content:'';position:fixed;inset:auto 0 0;height:calc(130 * var(--bonus-unit));background:linear-gradient(transparent,#000 45%);pointer-events:none;z-index:1}@keyframes bonus-screen-in{from{opacity:0}to{opacity:1}}
dialog.bonus-intro{position:fixed;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(#08040b66,#08040b66),url('assets/Animations/background/background_static/bg_fs.jpg') center/cover;overflow:hidden;color:white;animation:bonus-screen-in var(--intro-enter) ease-out!important}dialog.bonus-intro::backdrop{background:#08040b;backdrop-filter:none}dialog.bonus-intro>.close{display:none}dialog.bonus-intro #modalbody{position:absolute;inset:0;padding:0;cursor:pointer}.bonus-intro-art{position:absolute;inset:8% 10% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(14px,3vh,32px);animation:intro-art-in var(--intro-enter) cubic-bezier(.2,.7,.2,1) both}.bonus-intro-art>img{display:block;object-fit:contain;width:min(44vw,460px);height:min(30vh,240px);filter:drop-shadow(0 6px 3px #000)}dialog.bonus-intro h1{font:clamp(25px,5.4vmin,58px)/1.04 Gaia Rubik Bold,Arial;text-transform:uppercase;color:#f5dd99;text-shadow:0 4px #271626;margin:0;padding:0;border:0;max-width:900px}dialog.bonus-intro .intro-spins{font:clamp(26px,6vmin,64px)/1.1 Gaia Rubik Bold,Arial;color:white;text-shadow:0 4px #1b0b20;margin:0;animation:intro-art-in var(--intro-enter) 70ms both}dialog.bonus-intro .intro-detail{font:clamp(12px,2.6vmin,28px)/1.3 Gaia Rubik,Arial;color:#ffe7a6;margin:0;max-width:90vw}#bonus-continue{position:absolute;left:0;bottom:7%;width:100%;padding:16px;border:0;background:none;color:white;font:clamp(14px,2.8vmin,28px)/1.2 Gaia Rubik,Arial;text-shadow:0 2px 3px black;opacity:1;transition:opacity .2s}#bonus-continue:disabled{opacity:0;pointer-events:none}dialog.bonus-intro[data-phase="out"]{animation:intro-screen-out var(--intro-exit) cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none}dialog.bonus-intro[data-phase="out"] .bonus-intro-art{animation:intro-art-out var(--intro-exit) ease-in forwards}dialog.bonus-total{position:fixed;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:linear-gradient(#08040b66,#08040b66),url('assets/Animations/background/background_static/bg_fs.jpg') center/cover;padding:0;animation:bonus-screen-in .36s ease-out!important}dialog.bonus-total #modalbody{height:100%;padding:0}dialog.bonus-total>.close{display:none}.bonus-total .celebration-copy{position:absolute;left:0;right:0;bottom:6.5%;padding:0;margin:0}.bonus-total .celebration-copy>p{display:none}.bonus-total .celebration-copy button{border:0;background:none;box-shadow:none;color:white;font:clamp(14px,2.8vmin,28px)/1.2 Gaia Rubik,Arial;text-shadow:0 2px 3px #000;padding:12px;min-width:0}.bonus-total .celebration-copy button:hover{transform:none;background:none}.bonus-total.celebration-exiting{animation:celebration-exit .36s ease-in forwards!important}@keyframes intro-art-in{from{opacity:0;transform:translateY(-22vh) scale(.94)}to{opacity:1;transform:none}}@keyframes intro-art-out{to{opacity:0;transform:translateY(-12vh) scale(.96)}}@keyframes intro-screen-out{to{opacity:0;transform:translateY(-2vh)}}@media(prefers-reduced-motion:reduce){dialog.bonus-intro,.bonus-intro-art,.intro-spins,dialog.bonus-total{animation:none!important}}
body:has(dialog.bonus-selector[open]),body:has(dialog.bonus-confirm[open]),body:has(dialog.bonus-intro[open]),body:has(dialog.bonus-total[open]){overflow:hidden}
dialog.bonus-total{overflow:hidden}.bonus-total .celebration-stage{transform:scale(.78);transform-origin:50% 42%}.bonus-total .celebration-copy button{border-radius:0;outline:none;letter-spacing:0}.bonus-total .celebration-copy button:focus-visible{text-decoration:underline;text-underline-offset:6px}dialog.bonus-return .bonus-intro-art{inset:15% 10% 15%}dialog.bonus-return .bonus-intro-art>img{width:min(55vw,560px);height:min(40vh,320px)}
/* Captions flow naturally so translated/longer descriptions never collide with Back. */
.bonus-confirm .bonus-caption{position:absolute;top:calc(var(--bonus-top) + var(--bonus-detail));left:50%;transform:translateX(-50%);width:var(--bonus-detailWidth);padding:0 0 calc(20 * var(--bonus-unit));box-sizing:border-box}.bonus-confirm .bonus-caption .bonus-card-detail{position:static;transform:none;width:100%;margin:0}.bonus-confirm .bonus-caption .bonus-back{position:static;transform:none;margin:calc(16 * var(--bonus-unit)) auto 0}.bonus-confirm.bonus-beside .bonus-caption{left:var(--bonus-captionLeft);top:var(--bonus-captionTop);transform:translateY(-50%);padding:0}.bonus-selector.bonus-compact .bonus-grid{grid-template-columns:repeat(var(--bonus-columns,1),calc(448 * var(--bonus-unit)))}
/* Promote only moving tiles; release the compositor layers again after settling. */
#board:is([data-phase="falling-out"],[data-phase="falling-in"],[data-phase="refilling"],[data-phase="settling"])>.cell{will-change:transform}.amulet-flight{contain:layout style;backface-visibility:hidden}
/* Keep the entry copy in its own line rather than flying it through the title. */
dialog.bonus-intro .intro-spins{animation:intro-copy-in .28s calc(var(--intro-enter) * .55) ease-out both}dialog.bonus-intro .intro-detail{animation:intro-copy-in .28s calc(var(--intro-enter) * .7) ease-out both}@keyframes intro-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){dialog.bonus-intro .intro-spins,dialog.bonus-intro .intro-detail{animation:none!important}}