html,body{overflow:hidden;background:#173b32}#app{position:relative;width:100%;height:100dvh;max-width:none;padding:0;min-height:0}.arena{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;border:0;border-radius:0;background:#173b32}canvas{filter:contrast(1.12)saturate(1.16)}header{position:absolute;z-index:2;top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));padding:0;pointer-events:none}.brand{display:none}.tools{pointer-events:auto;margin-right:auto}.tools button{background:#173b32;color:#fff8dc;border-color:#c5d5ab;min-height:40px}.dashboard{position:absolute;z-index:2;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));background:#173b32ed;color:#fff8dc;border:1px solid #b9cfa5;border-radius:12px;padding:8px 12px;pointer-events:none}.dashboard #level-label{color:#f7e7b1}.dashboard strong{display:none}.stats{gap:12px}.stats b{font-size:18px}footer{position:absolute;z-index:2;bottom:max(8px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));padding:0}footer>p,footer details{display:none}.level-tabs button{background:#173b32;color:#fff8dc;border-color:#a4b58b;min-height:36px}.level-tabs .active{background:#f1d08a;color:#173b32}.scene-tag{display:none}#toast{bottom:64px;color:#173b32;font-weight:700}.overlay{z-index:4}.panel p{color:#354a32}.eyebrow{color:#46562a}#next-shot{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);background:#173b32;color:#fff8dc;border:2px solid #f1d08a;font-weight:700}.rotate-note{display:none}@media(orientation:portrait){.rotate-note{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;background:#173b32;color:#fff8dc;font-size:22px;z-index:10;padding:24px;text-align:center}header,.dashboard,footer{display:none}}@media(max-width:740px) and (orientation:landscape){.dashboard #level-label{display:none}.tools button{font-size:10px;padding:6px 8px}.stats{font-size:10px;gap:8px}.dashboard{padding:6px 8px}}.dashboard{flex-direction:column;align-items:stretch;gap:3px;padding:6px 9px;border-radius:8px;border-color:#b9cfa555;background:#173b32dc;line-height:1.6;min-width:190px;max-width:calc(100vw - 260px)}.hud-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard #level-label{display:inline;font-size:10px;white-space:nowrap}.dashboard #shot-type{font-size:10px;color:#e3e9d5;white-space:nowrap}.dashboard .stats{justify-content:space-between;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.dashboard .stats b{font-size:12px;margin-right:3px}@media(max-width:740px) and (orientation:landscape){.dashboard{padding:4px 7px;gap:1px;min-width:180px}.dashboard .stats{gap:8px}}