/* Wolf Legacy 96: art-led cabinet, fitted independently for phone and desktop. */
.game-stage{background:#030c16}
.stage-bg{filter:brightness(.76) saturate(1.12)}
.stage-vignette{background:linear-gradient(180deg,rgba(1,6,13,.35),transparent 32%,rgba(1,6,13,.85) 85%)}
.top-controls{height:58px;width:390px;border-bottom:1px solid #b58a3730;background:linear-gradient(180deg,#050e1bd9,transparent)}
.top-btn{top:10px;width:36px;height:36px}.top-menu{left:12px}.top-sound{left:54px}.top-info{right:12px}
.brand{position:absolute;left:105px;top:11px;margin:0;text-align:center;font-family:Georgia,serif;letter-spacing:2px;font-size:20px;color:#ffe6a2;text-shadow:0 2px 12px #000}.brand small{display:block;font:8px system-ui;letter-spacing:3px;color:#9bbccb;margin-top:3px}
.jackpot-layer{left:9px;top:73px;width:372px;height:73px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.jackpot-slot{position:relative;left:auto;top:auto;width:auto;height:65px}.jackpot-value{top:64%;font-size:11px}
.reel-zone{left:-10px;top:156px;width:410px;height:280px;z-index:10}.reel-frame{left:0;top:-26px;width:410px;height:273px}
.reel-layer{left:31px;top:46px;width:348px;height:174px;gap:3px;background:#02111f;border-radius:3px;box-shadow:0 0 18px #67b7ec26,inset 0 0 18px #000}
.reel-col{height:174px;background:linear-gradient(180deg,#16304a88,#051423f2,#132b43aa)}.cell{height:58px;border-bottom:1px solid #85b9d314}.cell img{width:91%;height:91%;object-fit:contain}.reel-col.is-spinning img{filter:blur(.6px)}
.cell.is-win{background:radial-gradient(ellipse,#e3b84446,transparent 75%);box-shadow:inset 0 0 0 1px #ffdb7680;border-radius:6px}
.hud-layer,.control-layer{width:390px;height:760px}
.hud-art{height:58px;filter:none;border:1px solid #bda36160;border-radius:10px;background:linear-gradient(180deg,#112331ee,#04101ae8);box-shadow:0 8px 25px #0005,inset 0 1px 0 #f4d29b22}
.hud-art img{display:none}.hud-art:before{position:absolute;left:0;right:0;top:9px;text-align:center;color:#b8c8d5;font-size:9px;font-weight:650;letter-spacing:2px;content:'BALANCE'}
.hud-art strong,.hud-win-panel strong,.hud-balance-panel strong,.hud-bet-panel strong{left:50%;top:65%;font-size:18px;text-shadow:0 2px 4px #000;color:#fff2c4}
.hud-balance-panel{left:199px;top:401px;width:177px}.hud-win-panel{left:14px;top:401px;width:177px}.hud-win-panel:before{content:'LAST WIN'}.hud-bet-panel{left:98px;top:472px;width:194px}.hud-bet-panel:before{content:'TOTAL BET'}
.btn-bet-minus,.btn-bet-plus{top:476px;width:61px;height:52px}.btn-bet-minus{left:23px}.btn-bet-plus{right:23px}
.btn-spin{left:123px;top:544px;width:144px;height:111px}.btn-auto{left:20px;top:566px;width:88px;height:66px}.btn-speed{right:20px;top:566px;width:79px;height:66px}
.control-state{font-size:10px;bottom:0}.control-btn:focus-visible,.top-btn:focus-visible{outline-offset:0}.game-toast{top:661px;font-size:10px;max-width:355px;padding:8px 14px}
.game-footer{position:absolute;bottom:12px;left:0;right:0;z-index:13;text-align:center;color:#aec0ca;font-size:8px;letter-spacing:1.3px;pointer-events:none}
.win-banner{padding:12px 18px;min-width:48%;background:linear-gradient(135deg,#253148f0,#041022f2);border:1px solid #eaca76;box-shadow:0 0 25px #d7a43d77}.win-banner-label{font-size:11px}.win-banner-value{font-size:23px}
.bonus-spin-button{display:none}.bonus-paused .bonus-spin-button{display:block;top:555px;left:130px;width:130px;height:70px;border-radius:14px;background:#11263e;border:1px solid #d9b669;font-weight:800}.bonus-paused .bonus-spin-button img{display:none}.bonus-paused .bonus-spin-button:after{content:'RETRY'}
.bonus-active-panel-wrap{top:42px}.bonus-reel-host{top:213px;width:390px;height:270px}.bonus-reel-host .reel-zone{left:-10px!important;width:410px!important;height:280px!important}.bonus-reel-host .reel-frame{left:0!important;top:-26px!important;width:410px!important;height:273px!important}.bonus-reel-host .reel-layer{left:31px!important;top:46px!important;width:348px!important;height:174px!important;gap:3px!important}.bonus-reel-host .reel-col{height:174px!important}.bonus-reel-host .cell{height:58px!important}
.bonus-ladder{top:459px;left:10px;width:370px;height:100px;gap:0}.bonus-multiplier[data-multiplier]{width:73px;height:99px}.bonus-multiplier.is-active{transform:scale(1.12);filter:brightness(1.17) drop-shadow(0 0 12px #eac66c)}.bonus-message{top:581px;font-size:10px}
.bonus-start-button:after{content:'STARTING AUTOMATICALLY';position:absolute;left:-30px;right:-30px;bottom:-22px;color:#bfd6e9;font-size:10px;letter-spacing:1px}
.bonus-continue{top:325px;left:122px;width:146px;height:44px}.bonus-complete-art-wrap{top:182px}.bonus-complete-win{font-size:24px}
.entry-card h1{font-family:Georgia,serif}.entry-kicker{color:#b8c7d2}.entry-layer{background:radial-gradient(ellipse at 50% 28%,#102b4588,#01060fe8 74%),url('../public_assets/layout/mobile-background.webp') center/cover}
.game-dialog{max-width:min(680px,94vw);max-height:85dvh;overflow:auto}.paytable{width:100%;border-collapse:collapse;font-size:12px;text-align:right}.paytable th,.paytable td{border-bottom:1px solid #ffffff18;padding:9px 7px}.paytable th:first-child,.paytable td:first-child{text-align:left}.paytable th{color:#eccc82}.game-dialog p{font-size:13px;line-height:1.6}
@media (orientation:landscape){
 .game-stage{width:1440px;height:900px}.top-controls{width:1440px;height:72px}.top-btn{top:14px;width:50px;height:50px}.top-menu{left:24px}.top-sound{left:84px}.top-info{right:24px}.brand{left:560px;top:13px;font-size:29px;width:320px}.brand small{font-size:10px;letter-spacing:5px}
 .jackpot-layer{left:300px;top:89px;width:840px;height:100px;gap:12px}.jackpot-slot{left:auto;top:auto;width:auto;height:90px}.jackpot-value{font-size:19px;top:64%}
 .reel-zone{left:270px;top:190px;width:900px;height:590px}.reel-frame{left:0;top:-56px;width:900px;height:598px}.reel-layer{left:70px;top:104px;width:760px;height:390px;gap:7px;border-radius:8px}.reel-col{height:390px}.cell{height:130px}.cell img{width:92%;height:92%}
 .hud-layer,.control-layer{width:1440px;height:900px}.hud-art{height:68px}.hud-art:before{top:12px;font-size:11px;letter-spacing:2.5px}.hud-art strong,.hud-win-panel strong,.hud-balance-panel strong,.hud-bet-panel strong{top:66%;left:50%;font-size:25px}
 .hud-balance-panel{left:267px;top:711px;width:267px}.hud-win-panel{left:587px;top:711px;width:267px}.hud-bet-panel{left:907px;top:711px;width:267px}
 .btn-bet-minus,.btn-bet-plus{top:798px;width:78px;height:65px}.btn-bet-minus{left:922px}.btn-bet-plus{right:269px}.btn-spin{left:626px;top:784px;width:188px;height:105px}.btn-auto{left:407px;top:805px;width:102px;height:67px}.btn-speed{left:281px;right:auto;top:805px;width:84px;height:68px}.control-state{font-size:12px}
 .game-footer{font-size:10px;bottom:7px}.game-toast{top:672px;font-size:13px;padding:8px 20px;max-width:900px}.win-banner-label{font-size:23px}.win-banner-value{font-size:50px}
 .bonus-active-panel-wrap{left:390px;top:-48px;width:660px;height:312px}.bonus-stat-spins,.bonus-stat-multiplier{font-size:39px}.bonus-stat-win{font-size:36px}
 .bonus-reel-host{left:270px;top:226px;width:900px;height:600px}.bonus-reel-host .reel-zone{left:0!important;width:900px!important;height:590px!important}.bonus-reel-host .reel-frame{left:0!important;top:-56px!important;width:900px!important;height:598px!important}.bonus-reel-host .reel-layer{left:70px!important;top:104px!important;width:760px!important;height:390px!important;gap:7px!important}.bonus-reel-host .reel-col{height:390px!important}.bonus-reel-host .cell{height:130px!important}
 .bonus-ladder{left:365px;top:743px;width:710px;height:140px;display:flex;gap:16px}.bonus-multiplier[data-multiplier]{width:125px;height:140px}.bonus-multiplier[data-multiplier='25']{grid-column:auto}.bonus-message{left:720px;top:201px;font-size:12px;min-width:350px}.bonus-paused .bonus-spin-button{top:770px;left:630px;width:180px;height:75px;z-index:20}
 .bonus-intro-art-wrap,.bonus-complete-art-wrap{left:360px;top:185px;width:720px;height:341px}.bonus-awarded-number{font-size:84px}.bonus-awarded-copy{font-size:15px}.bonus-start-button{left:580px;top:495px;width:280px;height:180px}.bonus-start-button img{top:-60px;width:280px;height:320px}.bonus-start-button:after{font-size:13px}.bonus-complete-win{font-size:51px}.bonus-continue{left:625px;top:495px;width:190px;height:60px;font-size:22px}
 .entry-card{width:530px}.entry-card h1{font-size:63px}.entry-wolf-crest{width:170px}.entry-layer{background:radial-gradient(ellipse at 50% 35%,#12324b77,#01060fea 78%),url('../public_assets/layout/universal-background.webp') center/cover}.entry-status{font-size:13px}.entry-play{width:190px;height:130px}.entry-play img{width:190px;height:210px;top:-34px}.entry-progress{width:380px}
}
@media(prefers-reduced-motion:reduce){.cell.is-win img,.bonus-start-button{animation:none}.win-banner{animation:none;transform:none}.control-btn,.top-btn{transition:none}}
/* Keep every symbol below the wolf crest and above the corner sculptures. */
.reel-layer{top:62px;height:153px}.reel-col{height:153px}.cell{height:51px}
.bonus-reel-host .reel-layer{top:62px!important;height:153px!important}.bonus-reel-host .reel-col{height:153px!important}.bonus-reel-host .cell{height:51px!important}
@media(orientation:landscape){
 .reel-layer{left:94px;top:148px;width:712px;height:312px}.reel-col{height:312px}.cell{height:104px}
 .bonus-reel-host .reel-layer{left:94px!important;top:148px!important;width:712px!important;height:312px!important}.bonus-reel-host .reel-col{height:312px!important}.bonus-reel-host .cell{height:104px!important}
}
/* One active reel at a time: highlight its motion, then reveal crisp symbols. */
.reel-col.is-spinning{box-shadow:inset 0 0 12px #88d4ff33}
.reel-col[data-motion='landing'] img{filter:drop-shadow(0 3px 4px #0009)}