/* Shared viewport contract: safe areas, bounded panels and genuine layout changes. */
:root{--app-height108:100dvh;--safe-t108:env(safe-area-inset-top,0px);--safe-b108:env(safe-area-inset-bottom,0px);--safe-l108:env(safe-area-inset-left,0px);--safe-r108:env(safe-area-inset-right,0px)}
html,body{width:100%;max-width:100%;margin:0;box-sizing:border-box}
body.royal-theme[data-screen]{height:var(--app-height108);min-height:0;padding-left:var(--safe-l108);padding-right:var(--safe-r108);padding-top:var(--safe-t108);padding-bottom:var(--safe-b108);box-sizing:border-box;overflow:hidden}
body.royal-theme #lobby,body.royal-theme #gameScreen{width:100%;min-width:0;max-width:1600px;margin-inline:auto;box-sizing:border-box}
body.royal-theme #lobby{max-height:none!important}
body.royal-theme #lobby .lobby-grid{min-width:0;grid-template-columns:minmax(0,1fr)}
body.royal-theme #lobby .lobby-grid>*{min-width:0}
body.royal-theme #lobby .quick81{min-width:0;gap:6px}
body.royal-theme #lobby .quick81 button{min-width:0;overflow-wrap:anywhere}
body.royal-theme #lobby .equipment86{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
body.royal-theme dialog:not(.brand-intro){max-height:calc(var(--app-height108) - 24px);overscroll-behavior:contain}
body.royal-theme dialog#shop{width:min(1060px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
body.royal-theme dialog:not(.brand-intro) input,body.royal-theme dialog:not(.brand-intro) select{max-width:100%;box-sizing:border-box}
body.royal-theme #brandIntro.premium62[open]{height:var(--app-height108);padding-top:max(12px,var(--safe-t108));padding-bottom:max(12px,var(--safe-b108));min-height:0}
body.royal-theme[data-screen=game] #gameScreen{flex:1;min-height:0}
body.royal-theme[data-screen=game] .arena{grid-template-columns:minmax(0,1fr);grid-template-rows:86px minmax(0,1fr) 28px 26px 46px;min-height:0;height:100%;width:100%}
body.royal-theme[data-screen=game] .scoreboard{grid-area:1/1;height:86px}
body.royal-theme[data-screen=game] .stage{grid-area:2/1;min-width:0;min-height:0}
body.royal-theme[data-screen=game] .controls{grid-area:3/1;height:28px!important;min-height:0!important}
body.royal-theme[data-screen=game] .tactics-panel{grid-area:4/1;height:26px}
body.royal-theme[data-screen=game] .tactics{grid-area:5/1;height:46px;padding-bottom:0}
body.royal-theme[data-screen=game] .shot-options{grid-template-columns:repeat(3,minmax(0,1fr))}
body.royal-theme[data-screen=game] .shot-options button{min-width:0;min-height:40px}
body.royal-theme[data-screen=game][data-presentation=result] .arena{grid-template-rows:86px minmax(0,1fr) 70px 26px 46px}
body.royal-theme[data-screen=game][data-presentation=result] .controls{height:70px!important}
#desktopHint108{display:none}
/* Short portrait phones retain all navigation; imagery yields space first. */
@media(max-width:599px) and (max-height:740px){
body.royal-theme #lobby{gap:5px;padding:5px 9px}
body.royal-theme #lobby .lobby-heading{height:44px;min-height:44px;flex-basis:44px}
body.royal-theme #lobby #nextUnlock99{min-height:30px;padding:4px 7px;font-size:10px}
body.royal-theme #lobby .lobby-grid{gap:5px;grid-template-rows:minmax(64px,1fr) auto}
body.royal-theme #lobby .showcase81{padding:4px;gap:3px}
body.royal-theme #lobby .welcome86{display:none}
body.royal-theme #lobby .showcase81 .equipment86 button{min-height:44px;padding:3px!important}
body.royal-theme #lobby .equipment86 button>span{height:36px}
body.royal-theme #lobby .equipment86 img.mini-live100{height:36px!important}
body.royal-theme #lobby #homePlay{min-height:44px;height:44px;font-size:18px;margin-top:4px}
body.royal-theme #lobby .quick81{flex-basis:42px}
body.royal-theme #lobby .quick81 button,body.royal-theme #lobby .bottom-nav button{min-height:42px;font-size:11px}
body.royal-theme #lobby .lobby-play{gap:4px;padding:6px!important}
}
/* Escape hatch for accessibility zoom, keyboards, and exceptionally short windows. */
@media(max-height:640px) and (orientation:portrait),(max-width:319px){body.royal-theme[data-screen=lobby] #lobby{overflow-y:auto;display:block}body.royal-theme #lobby .lobby-grid{display:flex;flex-direction:column}body.royal-theme #lobby .lodge-hero{min-height:150px}body.royal-theme #lobby .quick81,body.royal-theme #lobby .bottom-nav{margin-top:7px}#shop #shopItems{grid-template-columns:minmax(0,1fr)}}
@media(min-width:700px){#shop #shopItems{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#shopItems .table-item{grid-column:auto}#shop .shop-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}#shop #shopFilter{grid-column:auto}#shop .shop-toolbar>b,#shop .shop-toolbar>span{grid-column:auto}#shop .showroom-stage,#shop #shopFeatureCanvas{height:260px}}
@media(min-width:1100px){#shop #shopItems{grid-template-columns:repeat(4,minmax(0,1fr))}#shopItems .table-item{grid-column:span 2}}
/* A side console on desktops, tablets and landscape phones. */
@media(min-width:960px),(min-width:480px) and (orientation:landscape){
body.royal-theme #lobby .lobby-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);grid-template-rows:minmax(0,1fr);gap:16px}
body.royal-theme #lobby .lobby-play{align-self:center;padding:18px!important}
body.royal-theme #lobby .lodge-hero{min-height:120px}
body.royal-theme #lobby .welcome86{display:block}
body.royal-theme #lobby .bottom-nav{max-width:800px;align-self:center}
body.royal-theme #lobby .quick81{max-width:900px;width:100%;align-self:center}
body.royal-theme[data-screen=game] .arena,body.royal-theme[data-screen=game][data-presentation=result] .arena{grid-template-columns:minmax(0,1fr) clamp(220px,25vw,310px);grid-template-rows:86px 88px minmax(100px,1fr) 30px 50px;gap:0}
body.royal-theme[data-screen=game] .stage{grid-area:1/1/6/2}
body.royal-theme[data-screen=game] .scoreboard{grid-area:1/2;height:86px}
body.royal-theme[data-screen=game] #roundBoard104{position:relative;inset:auto;grid-area:2/2;width:calc(100% - 12px);height:80px;margin:4px 6px;max-width:none;grid-template-columns:1fr 1fr 1fr;border-radius:10px}
body.royal-theme[data-screen=game] #roundBoard104 strong{font-size:30px}
body.royal-theme[data-screen=game] .round-title104 b{font-size:10px}
body.royal-theme[data-screen=game] .round-title104 small{display:none}
body.royal-theme[data-screen=game] .controls,body.royal-theme[data-screen=game][data-presentation=result] .controls{grid-area:3/2;height:100%!important;min-height:0!important;overflow:hidden!important}
body.royal-theme[data-screen=game] .controls .turn{top:4px;left:6px;right:6px;width:auto;text-align:center;justify-content:center}
body.royal-theme[data-screen=game] #joy92{top:calc(50% - 26px);left:65%;width:72px;height:72px;transform:translateX(-50%)}
body.royal-theme[data-screen=game] #release92,body.royal-theme.left-handed[data-screen=game] #release92{left:18%;right:auto;top:calc(50% - 26px);height:72px;width:24px}
body.royal-theme[data-screen=game] .tactics-panel{grid-area:4/2;height:30px;padding:4px;font-size:10px}
body.royal-theme[data-screen=game] .tactics{grid-area:5/2;height:50px;padding:3px}
body.royal-theme[data-screen=game] .shot-options{gap:3px}
body.royal-theme[data-screen=game] .shot-options button{font-size:10px;min-height:42px;padding:3px}
body.royal-theme[data-screen=game] .camera-controls{top:52px!important;right:8px!important}
body.royal-theme[data-screen=game] #aimZoom{top:52px;left:8px;bottom:auto}
body.royal-theme[data-screen=game] .controls #next,body.royal-theme[data-screen=game] .controls #finalLobby79{top:calc(50% - 28px);bottom:auto;height:56px}
}
@media(min-width:480px) and (orientation:landscape) and (max-height:540px){
body.royal-theme #lobby{gap:4px;padding:4px 8px;overflow-y:auto}
body.royal-theme #lobby .lobby-heading{height:32px;min-height:32px;flex-basis:32px}
body.royal-theme #lobby #nextUnlock99{min-height:24px;padding:3px 6px;font-size:10px}
body.royal-theme #lobby .lobby-grid{grid-template-columns:minmax(0,1fr) minmax(270px,1fr);min-height:185px}
body.royal-theme #lobby .lobby-play{padding:5px!important;gap:3px}
body.royal-theme #lobby #cpuStyleLabel,body.royal-theme #lobby #lobbyDifficulty98{min-height:30px;font-size:11px}
body.royal-theme #lobby #cpuStyle,body.royal-theme #lobby #lobbyDifficulty98 select{min-height:30px;height:30px;font-size:11px}
body.royal-theme #lobby #homePlay{height:38px;min-height:38px;margin:2px 0;font-size:18px}
body.royal-theme #lobby .quick81{flex-basis:34px}
body.royal-theme #lobby .quick81 button,body.royal-theme #lobby .bottom-nav button{min-height:34px;font-size:10px}
body.royal-theme[data-screen=game] .arena,body.royal-theme[data-screen=game][data-presentation=result] .arena{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:74px 62px minmax(80px,1fr) 26px 44px}
body.royal-theme[data-screen=game] .scoreboard{height:74px}
body.royal-theme[data-screen=game] #roundBoard104{height:56px;margin:3px 6px}
body.royal-theme[data-screen=game] #roundBoard104 strong{font-size:25px}
body.royal-theme[data-screen=game] #joy92{width:60px;height:60px;top:calc(50% - 22px)}
body.royal-theme[data-screen=game] #release92{top:calc(50% - 22px);transform:scale(.82);transform-origin:top left}
body.royal-theme[data-screen=game] .controls .turn{font-size:9px;top:1px}
body.royal-theme[data-screen=game] .shot-options button{min-height:36px;height:36px;font-size:9px}
body.royal-theme[data-screen=game] .tactics,body.royal-theme[data-screen=game] .tactics-panel{height:100%}
body.royal-theme #brandIntro.premium62[open]{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:6px;padding:10px 20px}
#brandIntro .top62{grid-column:1/-1}#brandIntro #introTitle{grid-area:2/1}#brandIntro .relics62{grid-area:2/2;min-height:110px;max-height:160px}#brandIntro .welcome62{display:none}#brandIntro .intro-actions65{grid-column:1/-1;grid-template-columns:1fr 1fr;width:min(700px,100%)}#brandIntro .footer62{display:none}
}
@media(hover:hover) and (pointer:fine){
body.royal-theme :is(button,a,select){cursor:pointer}
body.royal-theme :is(button,a,select,input):focus-visible{outline:3px solid #ffe49b;outline-offset:3px}
#desktopHint108{display:block;position:absolute;bottom:10px;left:8px;right:8px;color:#bcdce7;font:11px/1.5 Arial;text-align:center;pointer-events:none}
body.royal-theme[data-screen=game] #release92 #throw{display:block!important;width:110px!important;height:60px!important;min-height:60px!important;pointer-events:auto;font-size:12px!important}
body.royal-theme[data-screen=game] #release92{width:145px;left:calc(50% - 74px);top:30px;pointer-events:auto}
body.royal-theme[data-screen=game] #joy92{display:none}
}
@media(hover:hover) and (pointer:fine) and (max-width:959px) and (orientation:portrait){body.royal-theme[data-screen=game] .arena{grid-template-rows:86px minmax(0,1fr) 110px 26px 46px}body.royal-theme[data-screen=game] .controls{height:110px!important}body.royal-theme[data-screen=game] #release92{top:5px}#desktopHint108{bottom:4px}}

@media(max-height:600px){#desktopHint108{display:none}}
@media(min-width:480px) and (orientation:landscape) and (max-height:360px){body.royal-theme #lobby{display:block;overflow-y:auto}body.royal-theme #lobby .lobby-grid{height:210px}body.royal-theme #lobby .quick81,body.royal-theme #lobby .bottom-nav{margin-top:5px}}