/* Share the visible viewport with the campaign notice, including wrapped notices. */
@media (max-height:600px) and (orientation:landscape) {
 .dragon-ui main.shell{height:100dvh;display:flex;flex-direction:column}
 .dragon-ui #campaignStatus{flex:none}
 .dragon-ui main.shell>.cabinet{flex:1;min-height:0}
 .dragon-ui .cabinet>#stage:not(:fullscreen){height:100%;min-height:0;max-height:none}
}
/* Short landscape stages: free the battle area, retain real touch targets. */
@container game (max-height:540px) and (min-width:560px) {
 .dragon-ui #joystick.direction-pad{left:max(12px,env(safe-area-inset-left))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:104px!important;height:104px!important}
 .dragon-ui #joystick.direction-pad>span{width:33.333%;height:33.333%}
 .dragon-ui #joystick .joy-up,.dragon-ui #joystick .joy-down{left:33.333%!important}
 .dragon-ui #joystick .joy-left,.dragon-ui #joystick .joy-right{top:33.333%!important}
 .dragon-ui #joystick.direction-pad>span::after{width:10px;height:10px;left:calc(50% - 5px);top:calc(50% - 4px)}
 .dragon-ui #joystick.direction-pad[data-direction="C"]>i{width:34px!important;height:34px!important;left:35px!important;top:35px!important}
 .dragon-ui #joystick.direction-pad[data-direction="C"]::before{background:#080f1938;box-shadow:none;border-color:#e8d7a766}
 .dragon-ui #vehicleHorn{left:max(16px,env(safe-area-inset-left));bottom:118px!important;width:88px;min-height:44px;font-size:12px}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-pad{width:160px;height:140px;right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key{width:50px;height:50px;min-width:44px;min-height:44px;pointer-events:auto;border-radius:0;border:0!important;background:none!important;box-shadow:none!important;overflow:visible}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.action-special{left:16px;top:0;width:72px;height:44px}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.action-summon{left:0;top:48px;width:64px;height:44px}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.action-attack{left:68px;top:48px;width:92px;height:92px;border:0!important;background:none!important;box-shadow:none!important}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.action-context:not([data-auxiliary="true"]){display:none}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.action-context{left:0;top:96px;width:64px;height:44px}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.action-jump{left:92px;top:0;width:68px;height:44px}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key:disabled{border:0!important;background:none!important;box-shadow:none!important}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key.pressed:not(:disabled){background:none!important;filter:brightness(1.25);transform:scale(.95)}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key .command-lettering{top:15%;height:70%}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .action-attack[data-primary-mode="pickup"] .command-lettering{filter:drop-shadow(0 0 3px #ffd468);animation:pickup-ready122 .48s ease-out}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .action-attack[data-primary-mode="pickup"]::before{content:'';position:absolute;inset:33% 5%;background:linear-gradient(110deg,transparent 30%,#fff5bdcc 50%,transparent 70%);pointer-events:none;mix-blend-mode:screen;animation:pickup-sweep122 .55s ease-out both;z-index:1}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key kbd{font-size:9px;line-height:12px;bottom:0;min-width:16px;padding:0 2px}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key .action-unavailable{font-size:9px;line-height:11px;bottom:-2px;white-space:nowrap}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key:disabled kbd{display:none}
 .dragon-ui #dragonParty{left:max(10px,env(safe-area-inset-left));top:3px;bottom:auto;transform:none;max-width:154px;gap:0}
 .dragon-ui #dragonParty[data-count]{width:154px}
 .dragon-ui #dragonCompanions{display:flex;position:absolute;top:99px;left:0;width:154px;gap:6px}
 .dragon-ui .dragon-companion-status{height:26px;aspect-ratio:auto;flex:1;background:#080e1680}
 .dragon-ui .dragon-companion-status>svg{display:none}
 .dragon-ui .dragon-active-name{font-size:10px}
 .dragon-ui .dragon-hp-value strong{font-size:19px}
 .dragon-ui .dragon-rage-value strong{font-size:14px}
 .dragon-ui .dragon-hp-value span,.dragon-ui .dragon-rage-value span{font-size:8px}
 .dragon-ui .dragon-rage-value{margin-top:1px}
 .dragon-ui .dragon-live-meter{height:4px}
 .dragon-ui .companion-copy{position:static;display:flex;justify-content:center;align-items:center;height:100%;gap:3px}
 .dragon-ui .companion-copy>b{font-size:11px}
 .dragon-ui .companion-copy>span{font-size:9px}
 .dragon-ui #dragonWeapon{font-size:9px;bottom:-12px}
 .dragon-ui #hud .district{left:182px;top:7px;padding:2px 6px;max-width:calc(100% - 400px);font-size:11px}
 .dragon-ui #hud .district small{font-size:9px;margin-top:2px}
 .dragon-ui #hud .time-hud{right:max(8px,env(safe-area-inset-right));top:2px;display:flex;align-items:center;gap:6px;padding:1px 4px;background:#070b1280}
 .dragon-ui #timer{font-size:20px}
 .dragon-ui #killCount,.dragon-ui #scoreLabel{font-size:9px}
 .dragon-ui #pauseGame{width:44px;min-width:44px;min-height:44px;padding:2px;font-size:10px;border-color:#a8a39366}
 .dragon-ui #inventoryBar{left:50%;top:auto;bottom:max(6px,env(safe-area-inset-bottom));width:auto;padding:0;gap:2px;flex-direction:row;transform:translateX(-50%);background:none;border:0}
 .dragon-ui #inventoryBar .inventory-slot{width:44px;height:44px;min-width:44px;min-height:44px;background:none;border:0;isolation:isolate}
 .dragon-ui #inventoryBar .inventory-slot::before{content:'';position:absolute;inset:5px;z-index:-1;border:1px solid #aa997380;border-radius:2px;background:#11161d80}
 .dragon-ui #inventoryBar .inventory-slot:disabled{background:none;opacity:.35}
 .dragon-ui #inventoryBar canvas{width:22px;height:26px;left:11px;top:4px}
 .dragon-ui #inventoryBar small{font-size:8px;bottom:5px}
 .dragon-ui #inventoryBar kbd{font-size:8px;left:5px;top:5px}
 .dragon-ui #wheyBuffs{left:50%;top:auto;bottom:55px;max-width:238px;transform:translateX(-50%);font-size:9px}
 .dragon-ui #stage #bossHud{left:182px!important;right:150px!important;top:52px!important}
 .dragon-ui #bossHud>span{font-size:12px}
 .dragon-ui #bossHud>div{height:9px;margin-top:3px}
 .dragon-ui #dragonEnemies{right:max(10px,env(safe-area-inset-right));top:51px;width:120px}
 .dragon-ui .dragon-enemy-card{height:31px;margin-bottom:3px}
 .dragon-ui .dragon-enemy-card b{font-size:10px}
 .dragon-ui .dragon-enemy-card small{font-size:9px}
 .dragon-ui .dragon-enemy-card canvas{width:29px;height:29px}
 .dragon-ui #tutorialHint{left:50%;right:auto;top:98px;width:220px;max-width:38%;transform:translateX(-50%);padding:4px 8px}
 .dragon-ui #tutorialHint b{font-size:12px}
 .dragon-ui #tutorialHint span,.dragon-ui #tutorialHint small{font-size:10px}
 .dragon-ui #toast{top:145px;max-width:52%;font-size:12px;padding:4px 8px}
 .dragon-ui #combo{left:16px;bottom:126px;font-size:18px}
 .dragon-ui #goGuide{transform:scale(.72);transform-origin:right center}
}
@keyframes pickup-ready122{0%{filter:brightness(1.9) drop-shadow(0 0 5px #ffe7a0)}100%{filter:drop-shadow(0 0 3px #ffd468)}}
@keyframes pickup-sweep122{0%{opacity:0;transform:translateX(-40%) scaleX(.3)}25%{opacity:.85}100%{opacity:0;transform:translateX(40%) scaleX(.3)}}
@media(prefers-reduced-motion:reduce){
 .dragon-ui #stage[data-pad-variant="ink"] #touch .action-attack[data-primary-mode="pickup"] .command-lettering{animation:none}
 .dragon-ui #stage[data-pad-variant="ink"] #touch .action-attack[data-primary-mode="pickup"]::before{display:none;animation:none}
}
@media (pointer:coarse) {
 @container game (max-height:540px) and (min-width:560px) {
  .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key kbd{display:none}
  .dragon-ui #stage[data-pad-variant="ink"] #touch .dragon-action-key .command-lettering{top:15%;height:70%}
 }
}