/* One coordinate space: nested inline-size containment previously shrank symbol
   heights relative to the board while effect positions used the full board. */
.game-page .game-world .reels-surface{container-type:normal;background:transparent;border-radius:0}
.game-page .game-world .reels,.game-page .game-world .reel-window,.game-page .game-world .reel-strip,.game-page .game-world .symbol{background:transparent}
.game-page .game-world .reel-window{border:0}
.game-page .game-world .symbol{height:calc(var(--reel-h)/var(--rows));min-height:calc(var(--reel-h)/var(--rows));border:0}
.game-page .game-world .symbol .paint-sprite{width:min(96%,calc(var(--reel-h)/var(--rows)*.96*var(--ratio)));max-width:96%;height:auto;max-height:96%}
.game-page .game-world .symbol.scatter .fs-art{width:min(96%,calc(var(--reel-h)/var(--rows)*.96*var(--ratio)));height:auto;max-height:96%;transform:none}
.game-page .game-world .play-stage{width:66%;margin:88px auto 108px}
.game-page .game-world .reel-frame{position:relative;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:0 3px 20px #241a2226}
.game-page.theme-princess .game-world .reel-frame:after{content:'';position:absolute;inset:-28px;border:28px solid transparent;border-image:url('./assets/princess-wood-frame-v55.png') 130 105 120 105 stretch;background:none;pointer-events:none;z-index:12}
.game-page .game-world .field-layer{inset:0;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr))}
.game-page .game-world .position-multi,.game-page.theme-princess .game-world .royal-cleared .position-multi{font-size:calc(var(--reel-h)/var(--rows)*.83)}
.game-page.theme-princess .game-world .symbol.scatter{background:transparent}
.game-page.theme-princess .game-world .symbol.scatter:before{inset:8%;border-radius:50%;opacity:.4}
.game-page.theme-princess .royal-hit-ring{width:calc(84% / 6);height:calc(84% / 5);border-width:2px;box-shadow:0 0 10px #f396cf66}
.game-page.theme-princess .royal-evaluating .symbol:not(.winner){opacity:.55}
.game-page.theme-princess .royal-evaluating .symbol.royal-removed{opacity:0}
.game-page .game-world .center-win{background:#33252ca8;backdrop-filter:blur(2px);padding:9px 16px}
/* Every intro and bonus now covers the game scene, never the surrounding lobby. */
.game-page .game-world>#slot-entry,.game-page .game-world>.cinematic{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;margin:0;border:0;border-radius:inherit;padding:0;z-index:40;overflow:hidden;box-sizing:border-box;contain:layout paint}
.game-page .game-world>.cinematic:not([open]){display:none}
.game-page .game-world>#slot-entry{display:grid;place-items:center;background:#2b1d30e8}
.game-page .game-world>#slot-entry.entry-over-reels{background:#3927357a;backdrop-filter:blur(5px)}
.game-page .game-world>.princess-bonus-arrival{background:#ad5185}
.game-page .game-world>.rainbow-win{background:#44253ecf;backdrop-filter:blur(4px);color:#ffe7ef}
.game-page .game-world>.bonus-finale{background:radial-gradient(ellipse at 50% 42%,#a35b8670,#3d203ddc 75%)}
.game-page .game-world .cinematic .story-top{top:15px;left:16px;right:16px}
.game-page .game-world .cinematic .story-result{width:min(86%,600px);max-height:86%;overflow:auto}
.game-page .game-world .bonus-arrival-panel{background:transparent;border:0;box-shadow:none;width:94%;max-height:98%;overflow:auto;padding:12px 16px}
.game-page .game-world .bonus-arrival-panel .bonus-wheel{--wheel-size:min(440px,60cqw,calc(var(--reel-h) - 20px))}
.game-page .game-world:has(>#slot-entry)>.game-topbar,.game-page .game-world:has(>.cinematic[open])>.game-topbar{pointer-events:none}
@container(max-width:700px){
 .game-page .game-world .play-stage{width:74%;margin-top:61px;margin-bottom:169px}
 .game-page.theme-princess .game-world .reel-frame:after{inset:-18px;border-width:18px}
 .game-page .game-world .bonus-arrival-panel .bonus-wheel{--wheel-size:min(320px,65cqw,calc(var(--reel-h) + 5px))}
 .game-page .game-world .bonus-arrival-panel{padding:10px 6px}
 .game-page .game-world .bonus-wheel-option small{font-size:11px}
 .game-page .game-world .cinematic .story-top>span{display:none}
}
@media(prefers-reduced-motion:reduce){.game-page .game-world>#slot-entry.entry-over-reels,.game-page .game-world>.rainbow-win{backdrop-filter:none}}