/* Colchis frame dialogs — Amber Swarm's #modal shell (cream panel, canopy, close key, title, buttons), captured from the running game and scoped to Tomb of Twenty-Five's #modal. Generated by gen-dialog.mjs. */
@layer rex-first{html body #modal[data-xc]>.close:where(#modal,#modal *){position:absolute!important;grid-area:auto!important;place-self:auto!important;left:var(--xc-l)!important;top:var(--xc-t)!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;translate:none!important;inset-inline:var(--xc-l) auto!important;inset-block:var(--xc-t) auto!important}}
@layer tv-cabinet-layout{.tv-shell #modal[open]:where(#modal,#modal *){display:flex!important;flex-direction:column!important;}}
@layer tv-cabinet-layout{.tv-shell #modal>.close:where(#modal,#modal *){position:absolute!important;right:5px!important;top:5px!important;width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important;z-index:50!important;}}
@layer tv-cabinet-layout{.tv-shell #modal #modal-content:where(#modal,#modal *){position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;display:block!important;padding:28px 4px 8px!important;overflow:auto!important;box-sizing:border-box!important;}}
@layer tv-cabinet-layout{.tv-shell #modal h1:where(#modal,#modal *){font-size:22px!important;margin:0 30px 12px 0!important;}}
@layer tv-cabinet-layout{.tv-shell #modal>.close:where(#modal,#modal *){right:32px!important;top:32px!important;z-index:1100!important;}}
@layer tv-cabinet-layout{body.tv-shell :is(dialog,#modal,#quality-bonuses):where(#modal,#modal *){background:#000!important;background-image:none!important;color:#fff!important;}}
@layer tv-cabinet-layout{body.tv-shell #modal-content:where(#modal,#modal *){background:transparent!important;background-image:none!important;}}
@layer tv-cabinet-layout{body.tv-shell #modal>.close:where(#modal,#modal *){display:none!important;}}
@layer tv-cabinet-layout{body.tv-shell :is(#modal,#quality-bonuses,.mobile-sheet)[open]:where(#modal,#modal *){z-index:50!important;}}
@layer tv-cabinet-layout{html body.tv-shell #modal :is(h1,h2,h3,h4,h5,h6):where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif!important;font-weight:400!important;}}
@layer tv-cabinet-layout{html body.tv-shell #modal-content:where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif;}}
@layer tv-cabinet-layout{html body.tv-shell #modal :is(p,li,dt,dd):where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif!important;}}
@layer tv-cabinet-layout{html body.tv-shell.cf-desktop-stage.tv-portrait #modal .settings-title:where(#modal,#modal *){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;}}
@layer tv-cabinet-layout{html body.tv-shell.cf-desktop-stage.tv-portrait.tv-portrait #modal[open]:where(#modal,#modal *){background:#000!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal[open]:where(#modal,#modal *){position:fixed!important;left:calc(var(--tv-sx) - var(--tv-sw) * .1)!important;top:calc(var(--tv-sy) - var(--tv-sh) * .1)!important;width:calc(var(--tv-sw) * 1.2)!important;height:calc(var(--tv-sh) * 1.2)!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;box-sizing:border-box!important;border-radius:0!important;padding:calc(48px + var(--tv-sh) * .1) calc(48px + var(--tv-sw) * .1)!important;}}
@media (orientation: landscape) and (max-height: 520px){@layer tv-cabinet-layout{html body.tv-shell #modal .settings-title:where(#modal,#modal *){font-size:16px!important;margin:0 30px 4px 0!important;}}}
@media (orientation: landscape) and (max-height: 520px){@layer tv-cabinet-layout{html body.tv-shell #modal .settings-title:where(#modal,#modal *){font-size:15px!important;margin:0 30px 2px 0!important;}}}
@layer tv-cabinet-layout{html body.tv-shell #modal .settings-title:where(#modal,#modal *){font-size:44px!important;line-height:1.1!important;margin:0 30px 14px 0!important;}}
@media (orientation: landscape) and (max-height: 520px){@layer tv-cabinet-layout{html body.tv-shell #modal .settings-title:where(#modal,#modal *){font-size:28px!important;line-height:1!important;margin:0 30px 2px 0!important;}}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *){position:sticky!important;bottom:6px!important;z-index:3!important;display:block!important;width:max-content!important;min-width:0!important;height:40px!important;min-height:40px!important;margin:18px auto 4px!important;padding:0 26px!important;border:1px solid #11552a!important;border-radius:20px!important;box-shadow:inset 0 0 0 60px #1f9448,inset 0 2px 4px #0008,0 0 0 6px #000,0 0 22px 16px #000!important;color:#fff!important;font:400 18px/38px 'Alegreya Sans',system-ui,sans-serif!important;letter-spacing:1.5px!important;text-transform:uppercase!important;text-shadow:0 1px 1px #0008!important;cursor:pointer!important;overflow:hidden!important;transform:none!important;translate:none!important;scale:1!important;filter:none!important;transition:none!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:is(:hover,:active,.tv-pressed):where(#modal,#modal *){transform:none!important;translate:none!important;scale:1!important;filter:none!important;box-shadow:inset 0 0 0 60px #26b056,inset 0 2px 4px #0008,0 0 0 6px #000,0 0 22px 16px #000!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *)::before,html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *)::after{display:none!important;content:none!important;}}
@media (orientation: landscape) and (max-height: 520px){@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-landscape #modal[open]:has(button[data-action="history"]):where(#modal,#modal *){padding:calc(8px + var(--tv-sh) * .1) calc(10px + var(--tv-sw) * .1)!important;}}}
@media (orientation: landscape) and (max-height: 520px){@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-landscape #modal[open]:has(button[data-action="history"]) #modal-content:where(#modal,#modal *){padding:4px 6px 6px!important;}}}
@layer tv-cabinet-layout{html body.tv-shell #modal-content:where(#modal,#modal *){font-family:'Alegreya Sans',Arial,sans-serif;}}
@layer tv-cabinet-layout{html body.tv-shell #modal :is(h1,h2,h3,.game-guide h1,.game-guide h2,.game-guide h3,.game-guide h4):where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif!important;font-weight:400!important;letter-spacing:1px!important;}}
@layer tv-cabinet-layout{html body.tv-shell #modal button.action:where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif!important;font-weight:400!important;letter-spacing:1.5px!important;}}
@layer tv-cabinet-layout{html body.tv-shell #modal .settings-title:where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *){position:relative!important;display:block!important;width:max-content!important;max-width:92%!important;margin:4px auto 16px!important;padding:9px 40px!important;font:400 clamp(16px,1.5vw,22px)/1.15 'Alegreya Sans',system-ui,sans-serif!important;letter-spacing:2px!important;text-align:center!important;border-radius:9px!important;background:url("./assets/quality/brass-tile.webp") center/cover!important;color:#2b1a08!important;text-shadow:0 1px 0 #f7dc9c!important;box-shadow:inset 0 1px 0 #f3d78a,inset 0 -3px 0 #6b4a1c,0 3px 0 #3a260c,0 6px 14px #0009!important;border:0!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *)::before,html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *)::after{content:""!important;display:block!important;position:absolute!important;top:50%!important;width:9px!important;height:9px!important;border-radius:50%!important;translate:0 -50%!important;background:radial-gradient(circle at 40% 35%,#8a6a35,#2a1a08 70%)!important;box-shadow:inset 0 1px 1px #f3d78a99!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *)::before{left:12px!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *)::after{right:12px!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>.close:where(#modal,#modal *){display:block!important;position:absolute!important;right:16px!important;top:16px!important;width:54px!important;height:54px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent none center/contain no-repeat!important;font-size:0!important;color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 3px 5px #000b)!important;z-index:1100!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>.close:hover:where(#modal,#modal *){filter:drop-shadow(0 3px 5px #000b) brightness(1.1)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>.close:active:where(#modal,#modal *){transform:translateY(2px) scale(.96)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>.close:where(#modal,#modal *)::before,html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>.close:where(#modal,#modal *)::after{display:none!important;content:none!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action:where(#modal,#modal *){position:relative!important;display:inline-block!important;height:44px!important;min-height:44px!important;padding:0 28px!important;border-radius:9px!important;font:400 15px/44px 'Alegreya Sans',system-ui,sans-serif!important;letter-spacing:1.5px!important;text-transform:uppercase!important;cursor:pointer!important;background:url("./assets/quality/brass-tile.webp") center/cover!important;color:#2b1a08!important;text-shadow:0 1px 0 #f7dc9c!important;box-shadow:inset 0 1px 0 #f3d78a,inset 0 -3px 0 #6b4a1c,0 3px 0 #3a260c,0 6px 14px #0009!important;border:0!important;background-image:url("./assets/quality/brass-tile.webp")!important;filter:none!important;transform:none!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action:where(#modal,#modal *)::before,html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action:where(#modal,#modal *)::after{display:none!important;content:none!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action:hover:enabled:where(#modal,#modal *){filter:brightness(1.08)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action:active:enabled:where(#modal,#modal *){transform:translateY(2px)!important;box-shadow:inset 0 1px 0 #f3d78a,inset 0 -3px 0 #6b4a1c,0 1px 0 #3a260c,0 3px 8px #0009!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *){position:sticky!important;bottom:0!important;display:block!important;width:max-content!important;margin:20px auto 0!important;box-shadow:inset 0 1px 0 #f3d78a,inset 0 -3px 0 #6b4a1c,0 3px 0 #3a260c,0 0 0 10px #050b0b,0 0 0 14px rgba(5,11,11,.6)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;line-height:1.25!important;white-space:nowrap!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>.close:where(#modal,#modal *){right:calc(var(--tv-sw) * .1 + 14px)!important;top:calc(var(--tv-sh) * .1 + 14px)!important;}}
@layer tv-cabinet-layout{html body.tv-shell:not(#_#_) #modal[open]:where(#modal,#modal *){animation:tv-result-in .2s cubic-bezier(.2,.8,.2,1) backwards!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal[open]:has(button[data-action="history"]) #modal-content:where(#modal,#modal *){padding-bottom:0!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 100%)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *){position:sticky!important;bottom:0!important;z-index:5!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:48px!important;min-height:48px!important;margin:26px 0 0!important;padding:0 44px!important;border-radius:9px!important;font:400 15px/48px 'Alegreya Sans',system-ui,sans-serif!important;letter-spacing:2px!important;text-align:center!important;background:#a8843f url("./assets/quality/brass-tile.webp") center/auto 100% repeat-x!important;box-shadow:inset 0 1px 0 #f3d78a,inset 0 -3px 0 #6b4a1c,0 -10px 14px -4px rgba(0,0,0,.9)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:active:enabled:where(#modal,#modal *){transform:none!important;filter:brightness(.94)!important;box-shadow:inset 0 2px 0 #6b4a1c,inset 0 -1px 0 #f3d78a,0 -10px 14px -4px rgba(0,0,0,.9)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *)::before,html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *)::after{content:""!important;display:block!important;position:absolute!important;top:50%!important;width:10px!important;height:10px!important;margin-top:-5px!important;border-radius:50%!important;background:radial-gradient(circle at 40% 35%,#8a6a35,#2a1a08 70%)!important;box-shadow:inset 0 1px 1px #f3d78a99!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *)::before{left:16px!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *)::after{right:16px!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal[open] button.action[data-action="history"]:where(#modal,#modal *){font-size:clamp(13px,calc(var(--du) * 2.5),17px)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal[open]:where(#modal,#modal *){--du:calc(var(--tv-sh) / 100);background:rgba(2,7,7,.93)!important;background-image:none!important;}}
@layer tv-cabinet-layout{@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal[open]:where(#modal,#modal *){background:rgba(2,7,7,.7)!important;-webkit-backdrop-filter:blur(10px) saturate(.85)!important;backdrop-filter:blur(10px) saturate(.85)!important;}}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.round-win-summary>h1,.game-guide>h1,.game-guide h1:first-child):where(#modal,#modal *){font-size:clamp(16px,calc(var(--du) * 3.7),30px)!important;padding:.42em 1.9em .38em!important;margin:2px auto clamp(10px,calc(var(--du) * 2.6),22px)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal[open]:has(button[data-action="history"]) #modal-content:where(#modal,#modal *){-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 88px),transparent calc(100% - 50px),#000 calc(100% - 48px),#000 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 88px),transparent calc(100% - 50px),#000 calc(100% - 48px),#000 100%)!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal button.action[data-action="history"]:where(#modal,#modal *){margin-top:44px!important;}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>button.close:focus-visible:where(#modal,#modal *){outline:none!important;box-shadow:none!important;border-radius:12px!important;}}
@layer tv-cabinet-layout{@media (hover: none) and (pointer: coarse){html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal>button.close:focus-visible:where(#modal,#modal *)::after{display:none!important;}}}
@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal[open]:where(#modal,#modal *){background:#000!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}}
@media (min-height: 521px){@layer tv-cabinet-layout{html body.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell.tv-shell #modal#modal#modal#modal[open]>#modal-content:has(.settings-title):where(#modal,#modal *){padding-top:clamp(4px,calc(var(--du,6px) * 1.2),16px)!important;}}}
@layer forest{html body.tv-shell #modal[open]:where(#modal,#modal *){position:fixed!important;inset:0 auto auto 0!important;left:0!important;top:0!important;width:100vw!important;height:var(--tv-sh)!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:8px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid!important;grid-template:auto/auto!important;place-items:center!important;place-content:center!important;overflow:hidden!important;z-index:60!important;transform:none!important;translate:none!important;scale:none!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important;outline:0!important}}
@layer forest{html body.tv-shell #modal[open]:where(#modal,#modal *)::before,html body.tv-shell #modal[open]:where(#modal,#modal *)::after{content:none!important;display:none!important}}
@layer forest{html body.tv-shell #modal[open]>#modal-content:where(#modal,#modal *){grid-area:1/1!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;box-sizing:border-box!important;width:min(var(--dw,760px),calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;height:auto!important;min-height:0!important;max-height:calc(var(--tv-sh) - 16px)!important;margin:0!important;padding:6px 10px 10px!important;overflow:auto!important;overscroll-behavior:contain!important;border-style:solid!important;border-color:transparent!important;border-width:var(--fx-fb)!important;border-image:var(--fx-img-frame) 112 fill/var(--fx-fb) stretch!important;border-radius:0!important;background:none!important;box-shadow:0 18px 40px rgba(0,0,0,.6)!important;color:var(--fx-cream)!important;font:500 15px/1.45 var(--fx-font)!important;text-align:left!important;transform:none!important;translate:none!important;scale:none!important;clip-path:none!important;scrollbar-width:thin!important;scrollbar-color:#b7863a transparent!important}}
@layer forest{html body.tv-shell #modal[open]>button.close:where(#modal,#modal *){grid-area:1/1!important;align-self:start!important;justify-self:end!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:48px!important;height:48px!important;min-width:0!important;min-height:0!important;margin:calc(var(--fx-fb) * .15) calc(var(--fx-fb) * .15) 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--fx-img-btn) center/100% 100% no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))!important;font-size:0!important;color:transparent!important;z-index:5!important;cursor:pointer!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;visibility:visible!important;display:block!important}}
@layer forest{html body.tv-shell #modal[open]>button.close:where(#modal,#modal *)::before{content:""!important;display:block!important;position:absolute!important;inset:30%!important;background:var(--fx-cream)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M5.1 5.1a1.4 1.4 0 0 1 2 0L12 10l4.9-4.9a1.4 1.4 0 1 1 2 2L14 12l4.9 4.9a1.4 1.4 0 0 1-2 2L12 14l-4.9 4.9a1.4 1.4 0 0 1-2-2L10 12 5.1 7.1a1.4 1.4 0 0 1 0-2z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M5.1 5.1a1.4 1.4 0 0 1 2 0L12 10l4.9-4.9a1.4 1.4 0 1 1 2 2L14 12l4.9 4.9a1.4 1.4 0 0 1-2 2L12 14l-4.9 4.9a1.4 1.4 0 0 1-2-2L10 12 5.1 7.1a1.4 1.4 0 0 1 0-2z'/%3E%3C/svg%3E") center/contain no-repeat!important;border:0!important;transform:none!important;width:auto!important;height:auto!important;opacity:1!important}}
@layer forest{html body.tv-shell #modal[open]>button.close:where(#modal,#modal *)::after{content:none!important;display:none!important}}
@layer forest{html body.tv-shell #modal[open]>button.close:hover:where(#modal,#modal *){filter:drop-shadow(0 3px 3px rgba(0,0,0,.6)) brightness(1.15)!important}}
@layer forest{html body.tv-shell #modal[open]>button.close>*:where(#modal,#modal *){display:none!important}}
@layer forest{html body.tv-shell #modal[open] #modal-content :is(p,li,small,td,th,span,b,strong,em):where(#modal,#modal *){color:inherit}}
@layer forest{html body.tv-shell #modal[open] #modal-content :is(h2,h3):not([data-qp-plate]):where(#modal,#modal *){font:800 16px/1.2 var(--fx-font)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--fx-amber2)!important;margin:16px 0 6px!important;border:0!important;background:none!important;text-shadow:0 1px 2px #000!important}}
@layer forest{html body.tv-shell #modal[open] #modal-content p:where(#modal,#modal *){font:500 15px/1.45 var(--fx-font)!important;color:#efe4c8!important}}
@layer forest{html body.tv-shell #modal[open] :is(.action,.qr-confirm,.qr-cancel):where(#modal,#modal *){all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;min-width:120px!important;padding:0 26px!important;cursor:pointer!important;border-style:solid!important;border-color:transparent!important;border-width:15px 24px!important;border-image:var(--fx-img-key) 30 48 fill/15px 24px stretch!important;font:800 15px/1 var(--fx-font)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--fx-cream)!important;text-shadow:0 1px 2px #000!important;white-space:nowrap!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))!important;-webkit-tap-highlight-color:transparent!important;background:none!important;position:relative!important}}
@layer forest{html body.tv-shell #modal[open] :is(.action,.qr-confirm,.qr-cancel):hover:where(#modal,#modal *){filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)) brightness(1.12)!important}}
@layer forest{html body.tv-shell #modal[open] :is(.action,.qr-confirm,.qr-cancel):where(#modal,#modal *)::before,html body.tv-shell #modal[open] :is(.action,.qr-confirm,.qr-cancel):where(#modal,#modal *)::after{content:none!important;display:none!important}}
@layer forest{html body.tv-shell #modal[open] #modal-content :is(.game-guide>h1,h1.settings-title,.game-guide h1:first-child):where(#modal,#modal *){background-color:transparent!important;box-shadow:none!important}}
@layer forest{html body.tv-shell:is(.fx-phone,.fx-tiny) #modal[open]:where(#modal,#modal *){height:100%!important;z-index:1000!important;padding:4px!important}}
@layer forest{html body.tv-shell:is(.fx-phone,.fx-tiny) #modal[open]>#modal-content:where(#modal,#modal *){max-height:calc(100vh - 8px)!important;max-height:calc(100dvh - 8px)!important;width:min(var(--dw,760px),calc(100vw - 8px))!important;max-width:calc(100vw - 8px)!important;padding:2px 8px 6px!important}}
@layer forest{html body.tv-shell:is(.fx-phone,.fx-tiny) #modal[open]>button.close:where(#modal,#modal *){width:40px!important;height:40px!important}}
@layer forest{html body.tv-shell :is(#modal[open],body>.tv-auto-setup:not([hidden])):where(#modal,#modal *){background:rgba(4,16,10,.72)!important}}
@layer forest{html body.tv-shell.fx-phone #modal[open]>button.close:where(#modal,#modal *){width:44px!important;height:44px!important}}
@layer forest{html body.tv-shell #modal[open]>button.close:where(#modal,#modal *){z-index:30!important;pointer-events:auto!important}}
@layer forest{html body.tv-shell #modal[open]:where(#modal,#modal *)::backdrop{background:rgba(3,10,7,.55)}}
@layer forest{html body.tv-shell #modal[open]:where(#modal,#modal *){padding:12px!important}}
@layer forest{html body.tv-shell #modal[open]>#modal-content:where(#modal,#modal *){max-height:calc(var(--tv-sh) - 24px)!important;max-width:calc(100vw - 24px)!important}}
@layer forest{html body.tv-shell:is(.fx-phone,.fx-tiny) #modal[open]:where(#modal,#modal *){padding:12px!important}}
@layer forest{html body.tv-shell:is(.fx-phone,.fx-tiny) #modal[open]>#modal-content:where(#modal,#modal *){max-height:calc(100dvh - 24px)!important;width:min(var(--dw,760px),calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;padding:2px calc(var(--fx-fb) + 30px) 6px 8px!important}}
@layer forest{@media (hover: none){html body.tv-shell #modal[open]>button.close:hover:where(#modal,#modal *){filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))!important}}}
@layer forest{@media (hover: none){html body.tv-shell #modal[open] :is(.action,.qr-confirm,.qr-cancel):hover:where(#modal,#modal *){filter:none!important}}}
@layer forest{html body.tv-shell #modal[open]>#modal-content:where(#modal,#modal *){padding:6px clamp(16px,6.5vw,46px) 10px!important}}
@layer forest{html body.tv-shell:is(.fx-phone,.fx-tiny) #modal[open]>#modal-content:where(#modal,#modal *){padding:2px 48px 6px!important}}
@layer amber-frame{body.amber-frame.amber-mobile #modal[open]:where(#modal,#modal *){inset:8px!important;width:calc(100vw - 16px)!important;height:auto!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:14px!important}}
@layer amber-frame{body.amber-frame.amber-mobile #modal[open] #modal-content:where(#modal,#modal *){max-height:calc(100dvh - 100px)!important;overflow:auto!important}}
@layer amber-frame{body.amber-frame #modal[open] #modal-content:where(#modal,#modal *){overflow-x:hidden!important}}
@layer amber-frame{body.amber-frame #modal[open] #modal-content:where(#modal,#modal *){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}}
@layer amber-craft{body.amber-frame #modal[open]:where(#modal,#modal *){ background:#081912f7!important; border:1px solid #746d4d!important; border-image:none!important; border-radius:14px!important; box-shadow:0 16px 60px #0008!important; }}
@layer amber-craft{body.amber-frame #modal[open] #modal-content:where(#modal,#modal *){
  background:#112c23!important; border:1px solid #4a5c43!important; border-image:none!important;
  border-radius:12px!important; padding:20px!important; box-shadow:none!important;
  color:var(--craft-text)!important;
}}
@layer amber-craft{body.amber-frame :is(#modal[open] .close,.fx-menu-close):where(#modal,#modal *){
  background:#204333!important; border:1px solid #798362!important; border-image:none!important;
  border-radius:10px!important; filter:none!important; box-shadow:none!important; min-width:44px!important; min-height:44px!important;
}}
@layer amber-craft{body.amber-frame #modal[open] :is(h1,h2,h3):where(#modal,#modal *){
  color:#dec991!important; -webkit-text-fill-color:#dec991!important; text-shadow:none!important;
  border:0!important; border-image:none!important; background:none!important; letter-spacing:.045em!important;
}}
@layer amber-craft{body.amber-frame #modal[open] :is(.action,.qr-confirm,.qr-cancel):where(#modal,#modal *){
  background:#214834!important; border:1px solid #a28f5b!important; border-image:none!important; border-radius:10px!important;
  box-shadow:none!important; color:var(--craft-text)!important; text-shadow:none!important; filter:none!important;
  min-height:44px!important; padding:10px 18px!important; letter-spacing:.045em!important;
}}
@layer amber-craft{@media (max-width: 600px){body.amber-frame #modal[open] #modal-content:where(#modal,#modal *){ padding:14px!important; }}}
@layer amber-art{body.amber-frame #modal[open]:where(#modal,#modal *){background:#10271ef5!important;border:0!important;border-image:url("./assets/forest/frame-small.webp") 24 fill/12px stretch!important;border-radius:0!important}}
@layer amber-art{body.amber-frame #modal[open] #modal-content:where(#modal,#modal *){background:none!important;border:0!important}}
@layer amber-art{body.amber-frame #modal[open] :is(.close,.bonus-toggle,.qr-confirm,.action):where(#modal,#modal *){background:transparent url("./assets/forest/key.webp") center/100% 100% no-repeat!important;border:0!important;border-image:none!important;box-shadow:none!important}}
@layer amber-art{body.amber-frame #modal[open] .close:where(#modal,#modal *){background-image:url("./assets/forest/btn.webp")!important}}
@layer amber-fine{body.amber-frame :is(.amber-key,#fx-menu,#fx-sound,#less,#more,.fx-auto>button,.fx-turbo>button,.fx-menu-close,.tv-bet-rung,.tv-auto-chip,.tv-step,.qr-confirm,.tv-auto-start,.tv-auto-cancel,.fx-bar,.fx-menu,.tv-auto-card,.tv-bet-ladder,.raid-hud,.bonus-price,.tv-auto-stepper .tv-step-value,#tv-direct-bonuses>button,#modal[open],#modal[open] .close,#modal[open] .bonus-toggle,#modal[open] .action):where(#modal,#modal *){border:1px solid transparent!important;border-image:var(--fine-edge) 12 fill/12px stretch!important;border-radius:0!important;background:#0c281fe0!important;box-shadow:none!important;filter:none!important}}
@layer amber-fine{body.amber-frame #modal[open] #modal-content:where(#modal,#modal *){border:0!important;border-image:none!important;background:none!important}}
@layer amber-fine{body.amber-frame #modal[open]:where(#modal,#modal *){background:rgba(9,30,23,.97)!important}}
@layer amber-fine{body.amber-frame:not(#_#_#_) #modal[open]:where(#modal,#modal *){position:fixed!important;inset:var(--popup-gap)!important;inset-inline:var(--popup-gap)!important;inset-block:var(--popup-gap)!important;width:calc(100vw - 2*var(--popup-gap))!important;height:calc(100dvh - 2*var(--popup-gap))!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;padding:calc(var(--popup-pad) + 44px) var(--popup-pad) var(--popup-pad)!important;transform:none!important;translate:none!important;scale:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important}}
@layer amber-fine{body.amber-frame:not(#_#_#_) #modal[open] #modal-content:where(#modal,#modal *){position:relative!important;inset:auto!important;width:min(860px,100%)!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;box-sizing:border-box!important;flex:1 1 auto!important;margin:0 auto!important;padding:0!important;transform:none!important;translate:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;display:block!important}}
@layer amber-fine{body.amber-frame:not(#_#_#_) #modal[open]>.close:where(#modal,#modal *){position:absolute!important;inset:var(--popup-pad) var(--popup-pad) auto auto!important;inset-inline:auto var(--popup-pad)!important;inset-block:var(--popup-pad) auto!important;left:auto!important;top:var(--popup-pad)!important;right:var(--popup-pad)!important;bottom:auto!important;margin:0!important;transform:none!important;translate:none!important;width:44px!important;height:44px!important;z-index:20!important}}
@layer amber-fine{body.amber-frame:not(#_#_#_#_#_#_) :is(.fx-menu-close,#modal .close,button[aria-label="Close dialog"]):where(#modal,#modal *){rotate:0deg!important;transform-origin:center!important;transition:rotate .2s ease-out!important}}
@layer amber-fine{@media (hover: hover){body.amber-frame:not(#_#_#_#_#_#_) :is(.fx-menu-close,#modal .close,button[aria-label="Close dialog"]):hover:where(#modal,#modal *){rotate:45deg!important}}}
@layer cartoon-ui{body.amber-frame :is(.fx-menu,.tv-auto-card,.tv-bet-ladder,#modal[open]):where(#modal,#modal *){border:2px solid #50715c!important;border-image:none!important;border-radius:22px 29px 23px 28px!important;background:#163c32f7!important;box-shadow:0 5px 0 #09281e99!important;color:#edf0d4!important}}
@layer cartoon-ui{body.amber-frame #modal .close.cartoon-button:where(#modal,#modal *){width:42px!important;height:42px!important;border-radius:45% 48% 42% 48%!important;background:#52745b!important;padding:6px!important}}
@layer cartoon-ui{body.amber-frame :is(.fx-menu-close,#modal .close)>.cartoon-icon:where(#modal,#modal *){width:27px!important;height:27px!important}}
@layer cartoon-ui{@media (hover: hover){body.amber-frame :is(.fx-menu-close,#modal .close):hover>.cartoon-icon:where(#modal,#modal *){rotate:45deg!important}}}
@layer cartoon-ui{body.amber-frame :is(.tv-step-value,.tv-pick,#modal button:not(.cartoon-button)):where(#modal,#modal *){border:2px solid #5f8469!important;border-image:none!important;border-radius:12px 16px 11px 15px!important;background:#294f3f!important;color:#f1e7c3!important;box-shadow:none!important}}
@layer cartoon-ui{body.amber-frame :is(dialog,#modal[open],.tv-auto-setup,.tv-bet-ladder,.quality-bonuses-grid,.round-win-summary):where(#modal,#modal *){border-image:none!important;background-image:none!important;filter:none!important}}
@layer cartoon-ui{body.amber-frame :is(dialog,#modal[open]):where(#modal,#modal *){border:2px solid #68866b!important;border-radius:22px 30px 21px 29px!important;background:#14372def!important;color:#f1e8c7!important;box-shadow:0 6px 0 #08271b88!important}}
@layer cartoon-ui{body.amber-frame :is(#modal-content,.round-win-summary,.round-win-amount,.round-win-hero,.round-win-left,.round-win-right,.round-win-details):where(#modal,#modal *){border-image:none!important;background-image:none!important;box-shadow:none!important}}
@layer cartoon-ui{body.amber-frame #modal :is(h1,h2,h3):where(#modal,#modal *){-webkit-text-fill-color:#efe5b7!important;-webkit-text-stroke:0!important;color:#efe5b7!important;text-shadow:none!important;background:none!important;filter:none!important}}
@layer cartoon-ui{body.amber-frame :is(.tv-auto-setup,#modal[open]):where(#modal,#modal *)::before{display:none!important}}
@layer cartoon-ui{body.amber-frame #modal h1.toon-typeset:where(#modal,#modal *){font-size:clamp(22px,3vw,40px)!important;line-height:1.3!important}}
@layer cartoon-ui{body.amber-frame :is(#modal .close,.fx-menu-close).cartoon-button:where(#modal,#modal *){display:grid!important;place-items:center!important;align-content:center!important}}
@layer cartoon-ui{body.amber-frame :is(#modal .close,.fx-menu-close).cartoon-button>.cartoon-icon:where(#modal,#modal *){position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;translate:none!important;margin:0!important}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal[open]:where(#modal,#modal *){inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;padding:20px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:center!important;place-content:safe center!important;background:#09271ee0!important;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal[open]>#modal-content:where(#modal,#modal *){width:min(680px,100%)!important;max-width:100%!important;max-height:calc(100dvh - 40px)!important;height:auto!important;min-height:0!important;padding:48px 32px 28px!important;margin:0 auto!important;border:3px solid #203f2d!important;border-image:none!important;border-radius:38px 45px 35px 42px / 33px 38px 42px 35px!important;background:#e8dfb4 url("./assets/amber/dialog-canopy.svg") center 5px/min(580px,90%) 76px no-repeat!important;box-shadow:0 7px 0 #122e24,0 16px 40px #00181066,inset 0 0 0 5px #c7cb91!important;color:#284b35!important;overflow:auto!important;scrollbar-width:thin!important;scrollbar-color:#708851 #e8dfb4!important;font:500 17px/1.45 'Alegreya Sans',sans-serif!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal #modal-content :is(b,strong):where(#modal,#modal *){color:#254a34!important;text-shadow:none!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal #modal-content :is(h1,h2,h3):where(#modal,#modal *){background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;text-shadow:none!important;color:#355938!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal #modal-content :is(h1,.settings-title):where(#modal,#modal *){position:relative!important;inset:auto!important;translate:none!important;max-width:100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:12px auto 22px!important;text-align:center!important;font-size:clamp(25px,4vw,38px)!important;line-height:1.25!important;aspect-ratio:auto!important;padding:0 25px!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal #modal-content :is(h2,h3):not(.rc-name):where(#modal,#modal *){font:800 17px/1.2 'Alegreya Sans',sans-serif!important;letter-spacing:.06em!important;margin:20px 0 9px!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal #modal-content p:where(#modal,#modal *){font:500 17px/1.45 'Alegreya Sans',sans-serif!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal .toon-outline:where(#modal,#modal *){stroke:#294c35!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal .toon-ink:where(#modal,#modal *){stroke:#ffe397!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal :is(button,.action):focus-visible:where(#modal,#modal *){outline:3px solid #b97d30!important;outline-offset:3px!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal .close:where(#modal,#modal *){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#47724c!important;border:2px solid #244c35!important;border-image:none!important;border-radius:45% 49% 43% 47%!important;box-shadow:0 3px #24492f!important;color:#fff0b8!important;filter:none!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal .close:where(#modal,#modal *)::before{background:#fff0b8!important;}}
@layer cartoon-ui{@media (max-width: 600px){html body.amber-frame:not(#story-style) #modal[open]:where(#modal,#modal *){padding:14px!important;}}}
@layer cartoon-ui{@media (max-width: 600px){html body.amber-frame:not(#story-style) #modal[open]>#modal-content:where(#modal,#modal *){max-height:calc(100dvh - 28px)!important;padding:45px 18px 22px!important;border-radius:28px 34px 26px 31px!important;background-size:90% 64px!important;}}}
@layer cartoon-ui{@media (max-width: 600px){html body.amber-frame:not(#story-style) #modal #modal-content :is(h1,.settings-title):where(#modal,#modal *){font-size:26px!important;margin:14px auto 20px!important;padding:0 10px!important;}}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal[open]>#modal-content:where(#modal,#modal *){mask:none!important;-webkit-mask:none!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal[data-xc]>.close:where(#modal,#modal *){position:absolute!important;left:var(--xc-l)!important;top:var(--xc-t)!important;right:auto!important;bottom:auto!important;inset-inline:var(--xc-l) auto!important;inset-block:var(--xc-t) auto!important;margin:0!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal #modal-content :is(p,li,h2,h3,small,b,strong,td,th):where(#modal,#modal *){-webkit-text-fill-color:currentColor!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal[open]>#modal-content:where(#modal,#modal *){overflow-x:hidden!important;overflow-wrap:anywhere;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) :is(#modal .close,.tv-auto-close,.fx-menu-close,.quality-bonuses-close,.mobile-sheet-head>button,.mobile-details-sheet>button):where(#modal,#modal *){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;background:#47724c!important;border:2px solid #244c35!important;border-image:none!important;border-radius:45% 49% 43% 47%!important;box-shadow:0 3px #24492f!important;color:#fff0b8!important;filter:none!important;rotate:0deg!important;transform-origin:center!important;transition:rotate .22s ease!important;cursor:pointer;font:400 26px/1 sans-serif!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) :is(#modal .close,.tv-auto-close,.fx-menu-close,.quality-bonuses-close,.mobile-sheet-head>button,.mobile-details-sheet>button):is(:hover,:focus-visible):where(#modal,#modal *){rotate:45deg!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) :is(#modal .close,.tv-auto-close,.fx-menu-close,.quality-bonuses-close,.mobile-sheet-head>button,.mobile-details-sheet>button):where(#modal,#modal *)::before,html body.amber-frame:not(#story-style) :is(#modal .close,.tv-auto-close,.fx-menu-close,.quality-bonuses-close,.mobile-sheet-head>button,.mobile-details-sheet>button)>.cartoon-icon:where(#modal,#modal *),html body.amber-frame:not(#story-style) :is(#modal .close,.tv-auto-close,.fx-menu-close,.quality-bonuses-close,.mobile-sheet-head>button,.mobile-details-sheet>button):is(:hover,:focus-visible):where(#modal,#modal *)::before{rotate:0deg!important;}}
#modal:where(#modal,#modal *){border-radius:0}
#modal:where(#modal,#modal *){border-image:var(--art-cabinet) 24%/16px/0 stretch;background:radial-gradient(at top,#25302a,#0b1512 75%);border-image-width:34px;padding:32px;box-shadow:0 15px 65px #000c}
@media (width <= 760px){#modal:where(#modal,#modal *){border-image-width:28px;padding:28px 22px}}
@layer forest{html body #modal#modal#modal#modal#modal>#modal-content:where(#modal,#modal *){background-color:#0a1d16!important;background-clip:padding-box!important}}
@layer forest{html body #modal#modal#modal#modal#modal :is(.action,.mode-pick):where(#modal,#modal *){background-color:#14361f!important}}
@layer forest{html body #modal#modal#modal#modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.game-guide>h1,.qi-head>h1):not([data-qp-plate]):not(.rc-plate-h):where(#modal,#modal *){--qf:clamp(8px,3.2vmin,30px);box-sizing:border-box!important;display:block!important;width:min(96%,660px)!important;margin:0 auto clamp(8px,2vmin,18px)!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(14px,max(calc(var(--du,6px) * 2.9),calc(var(--tv-sw,600px) * .03)),28px)!important;line-height:1.15!important;padding:clamp(5px,1.2vmin,11px) clamp(12px,3vmin,26px)!important;border-style:solid!important;border-color:transparent!important;border-width:var(--qf)!important;border-radius:0!important;border-image:var(--fx-img-panel) 40 fill/var(--qf) stretch!important;background-color:#0e2a1e!important;background-image:none!important;background-clip:padding-box!important;box-shadow:none!important;outline:0!important;color:#ffe6ad!important;-webkit-text-fill-color:#ffe6ad!important;text-shadow:0 2px 0 #000,0 0 12px rgba(255,200,90,.3)!important;text-align:center!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))!important}}
@layer forest{html body #modal#modal#modal#modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.game-guide>h1,.qi-head>h1):not([data-qp-plate]):not(.rc-plate-h):where(#modal,#modal *)::before,html body #modal#modal#modal#modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.game-guide>h1,.qi-head>h1):not([data-qp-plate]):not(.rc-plate-h):where(#modal,#modal *)::after{content:none!important;display:none!important}}
@media (orientation: landscape) and (max-height: 430px){html body #modal#modal#modal#modal#modal :is(#modal-content>h1,.settings-title,.bonus-popup>h1,.game-guide>h1,.qi-head>h1):not([data-qp-plate]):not(.rc-plate-h):where(#modal,#modal *){--qf:clamp(8px,2.6vmin,18px)!important;padding:3px clamp(10px,2.4vmin,20px)!important;margin:0 auto 3px!important}}
#modal:not(:has(.game-guide)) #modal-content:where(#modal,#modal *){text-align:center}
#modal:not(:has(.game-guide)) #modal-content h1:where(#modal,#modal *){margin:0 0 16px;text-align:center}
#modal:not(:has(.game-guide)):where(#modal,#modal *){overflow:visible}
#modal:not(:has(.game-guide)) #modal-content:where(#modal,#modal *){max-height:calc(88svh - 140px);overflow:auto}
#modal:not(:has(.game-guide)) #modal-content:where(#modal,#modal *){padding:4px 8px 22px}
#modal button.action:not(.mode-pick):where(#modal,#modal *){
  display:block!important;width:min(320px,100%)!important;min-height:82px!important;
  margin:24px auto 10px!important;padding:24px 34px!important;box-sizing:border-box;
  text-align:center!important;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
#modal[open]:where(#modal,#modal *){display:grid!important;grid-template-rows:48px minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important;max-height:calc(100dvh - 24px)!important;padding:12px!important;box-sizing:border-box!important}
#modal-content:where(#modal,#modal *){min-height:0!important;overflow:auto!important;padding:4px 8px 14px!important;overscroll-behavior:contain}
body #modal:where(#modal,#modal *){
 border:0!important;border-width:0!important;border-image:none!important;border-radius:12px!important;outline:0!important;box-shadow:none!important;
 background:linear-gradient(110deg,rgba(3,18,22,.90),rgba(3,18,22,.78)),url("./assets/runtime-insects/garage.webp") center/cover no-repeat!important;
 color:#f7efd5!important;
}
body #modal:where(#modal,#modal *)::before,body #modal:where(#modal,#modal *)::after{content:none!important;display:none!important;border:0!important;border-image:none!important}
body #modal[open]:where(#modal,#modal *){padding:16px!important}
body #modal #modal-content:where(#modal,#modal *){padding:8px 20px 24px!important}
body #modal h1:where(#modal,#modal *),body #modal h2:where(#modal,#modal *){color:#fff1c4!important;text-shadow:0 2px 4px #0008}
body #modal p:where(#modal,#modal *){color:#e2ebe5!important}
@media (max-width: 760px){body #modal[open]:where(#modal,#modal *){padding:12px!important}}
@media (max-width: 760px){body #modal #modal-content:where(#modal,#modal *){padding:4px 10px 18px!important}}
body #modal:where(#modal,#modal *){border:1px solid #c0c89a55!important;border-image:none!important;border-radius:20px!important;background:linear-gradient(135deg,#123630f5,#061c25fa)!important;box-shadow:0 24px 90px #0009!important}
body #modal:where(#modal,#modal *)::before,body #modal:where(#modal,#modal *)::after{display:none!important;content:none!important}
body #modal :is(p,td,th):where(#modal,#modal *){font-family:Arial,sans-serif!important;line-height:1.5}
body #modal .close:where(#modal,#modal *){width:44px!important;height:44px!important;min-height:44px!important}
body #modal .close:where(#modal,#modal *)::before,body #modal .close:where(#modal,#modal *)::after{display:none!important;content:none!important}
body #modal h1:where(#modal,#modal *){font-family:Arial,sans-serif!important;font-size:clamp(22px,3vw,36px)!important}
@layer quality-square-surfaces{:is(#balance,#cost,#round-paid,.gp-stat strong,.quality-pick-stats strong,.quality-award strong,.raid-panel,.raid-panel *,.raid-ladder,.raid-ladder *, .bonus-price,.bonus-price *, .control-caption,#win-label,.single-gate strong,.tile-coefficient,.round-ledger,.round-ledger *,#history-list *,#modal-content p,#modal-content td,#modal-content th,#modal-content small):where(#modal,#modal *){font-family:'Alegreya Sans',system-ui,sans-serif!important;font-variant-numeric:tabular-nums;}}
/* Amber's cartoon lettering rules, also applied to dialog titles (copied from colchis-frame.css, #cf-menu -> #modal). */
@layer cartoon-ui{body.amber-frame .toon-typeset:where(#modal,#modal *){background:none!important;-webkit-text-stroke:0!important;text-shadow:none!important;filter:none!important;position:relative}}
@layer cartoon-ui{body.amber-frame .toon-readable:where(#modal,#modal *){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;font-size:1px!important}}
@layer cartoon-ui{body.amber-frame .toon-lettering:where(#modal,#modal *){display:inline-block!important;vertical-align:middle!important;height:1.25em!important;width:auto!important;max-width:100%!important;overflow:visible!important;transform:none!important;filter:none!important;background:none!important}}
@layer cartoon-ui{body.amber-frame .toon-lettering path:where(#modal,#modal *){fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}}
@layer cartoon-ui{body.amber-frame .toon-outline path:where(#modal,#modal *){stroke:#183e31!important;stroke-width:18!important}}
@layer cartoon-ui{body.amber-frame .toon-ink path:where(#modal,#modal *){stroke:#f5d777!important;stroke-width:11!important}}
@layer cartoon-ui{body.amber-frame #modal h1.toon-typeset:where(#modal,#modal *){font-size:clamp(22px,3vw,40px)!important;line-height:1.3!important}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal .toon-outline:where(#modal,#modal *){stroke:#294c35!important;}}
@layer cartoon-ui{html body.amber-frame:not(#story-style) #modal .toon-ink:where(#modal,#modal *){stroke:#ffe397!important;}}