:root{color-scheme:dark}.play-deck{--rail:13%;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);align-items:center;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:12px}.control-rail{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px 7px;background:linear-gradient(100deg,#21180f,#11100c);gap:10px;min-width:0}.control-rail button{width:100%;min-height:44px;padding:8px 3px;font-size:clamp(10px,1.4vw,14px);border-radius:9px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.session-buttons,.utility-buttons{display:flex;flex-direction:column;gap:7px}.rail-left .fire{width:100%;aspect-ratio:1;min-height:50px;max-height:100px;border-radius:50%;flex-shrink:0;background:#a74f36;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(16px,2.2vw,23px)}.fire small{font-size:9px;letter-spacing:1px}.directions{display:flex;flex-direction:column;gap:10px}.directions button{aspect-ratio:1.1;min-height:46px;max-height:90px;font-size:clamp(21px,3vw,34px)}.screen{width:100%;border:0;border-radius:0;background:#000;overflow:hidden}.scene-viewport{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#000}.scene-viewport canvas{width:100%;height:auto;max-height:100%;object-fit:contain;aspect-ratio:9/5;touch-action:none}.hud{padding:8px 10px;gap:7px}.hud-bottom{min-height:62px}.hud>div,.hud-bottom .hud-health{gap:4px}.hud span{font-size:clamp(8px,1.2vw,11px);letter-spacing:0}.hud strong{font-size:clamp(12px,1.8vw,18px);line-height:18px}.hp-blocks{height:18px;gap:5px}.hp-blocks i{width:19px;height:15px;border-width:1px}.hud small{font-size:9px;min-height:9px}.hud-top{border-bottom-width:1px}.hud-bottom{border-top-width:1px}#status{font-size:clamp(8px,1.1vw,11px);line-height:1.5;margin:0;min-height:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#d7bc8c}#rotate-hint{display:none}.play-deck:fullscreen{border-radius:0;width:min(100vw,calc(100dvh * 16 / 9));height:auto;max-height:100dvh;margin:auto;background:#000}.play-deck::backdrop{background:#000}
@media (pointer:coarse) and (orientation:landscape),(max-height:600px) and (orientation:landscape){html,body{width:100%;height:100%;overflow:hidden;background:#000;overscroll-behavior:none}main{width:100%;height:100dvh;max-width:none;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:center;justify-content:center}header,.top,.info{display:none}.case{padding:0;border:0;border-radius:0;box-shadow:none;background:#000;width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 16 / 9));max-height:100%;margin:0}.play-deck{border-radius:0}.control-rail{padding:8px 6px;gap:5px}.control-rail button{min-height:33px;font-size:10px;padding:6px 2px}.session-buttons,.utility-buttons{gap:5px}.rail-left .fire{font-size:18px;min-height:48px;max-height:85px}.directions{gap:8px}.directions button{font-size:25px;min-height:43px;max-height:66px}.hud{padding:5px 8px}.hud-bottom{min-height:50px}.hud strong{font-size:13px;line-height:15px}.hud span{font-size:8px}.hud small{font-size:8px;min-height:8px}.hp-blocks{height:15px;gap:4px}.hp-blocks i{width:17px;height:13px}#status{font-size:9px;-webkit-line-clamp:3}}
@media (pointer:coarse) and (orientation:portrait){#rotate-hint{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#080705;color:#ffe7bc;padding:30px;text-align:center}#rotate-hint strong{font-size:25px}#rotate-hint span{font-size:14px;line-height:1.7}body{overflow:hidden}}
@media(max-height:340px) and (orientation:landscape){.control-rail{padding:5px}.utility-buttons button,.session-buttons button{min-height:28px;font-size:9px;padding:4px 1px}.hud{padding:3px 6px}.hud-bottom{min-height:44px}.hud strong{font-size:11px;line-height:13px}.hud span,.hud small{font-size:7px}.directions button{min-height:37px}.rail-left .fire{min-height:43px;max-height:63px}#status{-webkit-line-clamp:2;font-size:8px}}

#hud-bad-hp:has(.complete-hp-layer){height:32px;display:flex;flex-direction:column;gap:3px}#hud-bad-hp .complete-hp-layer{display:flex;gap:3px}#hud-bad-hp i{width:clamp(7px,1.1vw,17px);height:12px;flex-shrink:0}