.camera-toggle{pointer-events:auto;white-space:nowrap;font:inherit;font-size:12px;color:inherit;background:#183f35e8;border:1px solid #c6d8af70;padding:10px 14px;cursor:pointer;outline-offset:4px}.camera-toggle:hover{background:#396147}.camera-toggle[aria-pressed=true]{border-color:#eadba6;color:#fff1c7}.camera-toggle:focus-visible{outline:3px solid #f3d694}.third-person .mouth,.touch-overlay{display:none}@media(any-pointer:coarse){.touch-overlay{display:contents}}:root{--touch-pad-size: 144px;--touch-bottom: max(12px, env(safe-area-inset-bottom, 0px));--touch-reserved: calc(var(--touch-pad-size) + var(--touch-bottom) + 12px)}.touch-overlay button{pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.touch-dpad{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:var(--touch-bottom);width:var(--touch-pad-size);height:var(--touch-pad-size);pointer-events:none;z-index:900}.dpad-btn{position:absolute;width:48px;height:48px;border-radius:10px;border:1px solid rgba(217,238,220,.25);background:#11312ee0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e4e8cee6;font-size:18px;line-height:48px;text-align:center;pointer-events:auto;cursor:pointer;padding:0;transition:background .1s}.dpad-btn:active,.dpad-btn.is-held{background:#396147bf;border-color:#e4dba699}.dpad-up{top:0;left:50%;transform:translate(-50%)}.dpad-down{bottom:0;left:50%;transform:translate(-50%)}.dpad-left{left:0;top:50%;transform:translateY(-50%)}.dpad-right{right:0;top:50%;transform:translateY(-50%)}.dpad-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#c8d6a633}.touch-stick-zone{position:fixed;left:0;bottom:0;width:46vw;height:62vh;z-index:880;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.touch-stick-base{position:absolute;left:calc(max(16px,env(safe-area-inset-left,0px)) + 64px);top:calc(100% - var(--touch-bottom) - 64px);width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(228,232,206,.28);background:radial-gradient(circle,#11312e59,#11312e99);opacity:.55;transition:opacity .15s;pointer-events:none}.touch-stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#eef1dfd1;box-shadow:0 4px 14px #0000004d}.touch-stick-zone.is-active .touch-stick-base{opacity:1;transition:none}.touch-stick-hint{position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(var(--touch-bottom) + 132px);margin:0;padding:4px 10px;border-radius:999px;background:#0a1e1c99;color:#eef1df;font-size:12px;pointer-events:none;animation:stick-hint 1.6s ease-in-out infinite alternate}.touch-stick-zone.was-used .touch-stick-hint{display:none}@keyframes stick-hint{0%{opacity:.55}to{opacity:1}}.touch-actions{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:var(--touch-bottom);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:136px;pointer-events:none;z-index:900}.touch-action-btn{min-width:50px;height:52px;border-radius:22px;border:1px solid rgba(217,238,220,.25);background:#11312ee0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e4e8cee6;font-size:14px;font-weight:500;padding:0 10px;white-space:nowrap;pointer-events:auto;cursor:pointer;transition:background .1s}.touch-action-btn:active,.touch-action-btn.is-held{background:#396147bf;border-color:#e4dba699}.touch-action-btn.boost-btn{background:#a8953073;border-color:#e4dba666;min-width:54px}.touch-action-btn.boost-btn:active,.touch-action-btn.boost-btn.is-held{background:#c6b344a6}.touch-action-btn.updown-btn{min-width:40px;padding:0 10px;font-size:14px}@media(orientation:landscape)and (max-height:500px){:root{--touch-pad-size: 132px}.dpad-btn{width:44px;height:44px;line-height:44px}.touch-action-btn{height:48px}}@media(any-pointer:coarse){.bottom-controls,.setup-controls,.keyboard-hint,.lock-tip{display:none!important}#lake{touch-action:none}button,a,select{touch-action:manipulation}.touch-overlay button{touch-action:none}.touch-overlay button:focus-visible{outline:3px solid #edce90;outline-offset:3px}}@media(any-pointer:coarse){.touch-help{display:block;font-size:14px;line-height:1.8;color:#e6e9d5}.desktop-help{display:none}#app button,#app select,dialog button,dialog a{min-height:44px}dialog select,dialog input{font-size:16px}.camera-toggle{min-width:44px;font-size:12px}.native-hud kbd,.tag-hud kbd{display:none}.native-intro{display:block;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.native-intro header{position:static;gap:16px;flex-wrap:wrap}.native-intro header a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.native-intro>div{margin:30px 0}.native-intro h1{font-size:clamp(30px,6vw,48px)}.native-intro p{font-size:14px;line-height:1.9}.native-intro p br{display:none}.native-intro .native-date{font-size:12px}.native-intro button{margin-top:12px}.native-intro .native-text{font-size:14px}.native-intro footer{position:static;font-size:12px}.native-intro small.touch-help{font-size:14px}.native-hud-top{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:8px}.native-era>span{font-size:28px}.native-era strong{font-size:13px}.native-era small{font-size:11px}.native-hud nav{display:flex;gap:6px}.native-hud nav button{padding:8px 10px;font-size:12px}.native-observation-tools{top:calc(max(12px,env(safe-area-inset-top)) + 112px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:6px}.native-observation-tools button{flex:1;padding:8px 6px;font-size:12px}.native-hud>.south-map{display:none}.native-footer{bottom:var(--touch-reserved);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));transform:none;width:auto;max-width:none}.native-footer>span:first-child{font-size:12px}.native-footer button{font-size:13px;padding:8px 12px}.native-pace{top:184px;font-size:12px}#history-scene{bottom:calc(var(--touch-reserved) + 56px)!important;left:max(12px,env(safe-area-inset-left));width:calc(100% - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));max-width:460px;max-height:calc(100dvh - var(--touch-reserved) - 240px);overflow-y:auto;padding:12px}#history-scene p{font-size:14px}#history-scene button{min-width:44px;font-size:13px}dialog#panel,dialog#tag-pause{max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));overflow-y:auto}.native-panel-body{font-size:14px}.native-timeline strong{font-size:13px}.tag-setup>header{margin:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:12px;flex-wrap:wrap}.tag-setup>header a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.tag-setup main{padding-bottom:env(safe-area-inset-bottom)}.tag-setup h1{font-size:clamp(28px,7vw,42px);overflow-wrap:anywhere}.tag-setup .setup-copy,.role-choices p{font-size:14px;line-height:1.8}.tag-setup .map-intro,.tag-setup .setup-note{font-size:12px;line-height:1.8}.tag-hud>header{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:8px;flex-wrap:wrap}.tag-mission{flex-basis:calc(100% - 150px);min-width:0}.tag-mission h2{font-size:14px;margin:4px 0;line-height:1.5}.tag-mission>span,#tag-roster{font-size:11px}.timer-block{min-width:76px;max-width:76px}.timer-block strong{font-size:32px}.tag-hud>header>button{padding:8px;font-size:14px}.tag-hud>header>.camera-toggle{margin-left:auto}.inlet-map{top:calc(max(12px,env(safe-area-inset-top)) + 126px);left:max(12px,env(safe-area-inset-left));width:132px}.inlet-map>header{gap:4px;flex-wrap:wrap}.inlet-map>header>span{font-size:11px}.inlet-map>header button{font-size:12px}.tag-direction{top:calc(max(12px,env(safe-area-inset-top)) + 126px);right:max(12px,env(safe-area-inset-right));width:160px;min-width:0;padding:10px}.tag-direction>span{font-size:12px}.tag-direction strong{font-size:17px;margin:6px 0}.tag-direction button{font-size:12px}.tag-hud>footer{bottom:var(--touch-reserved);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));transform:none;width:auto}.tag-hud>footer p,.tag-hud .round-actions{display:none}.tag-energy{max-width:none;font-size:12px;padding:8px 12px}.tag-energy>span,.tag-energy small{font-size:12px}.cover-status{bottom:calc(var(--touch-reserved) + 48px);left:12px;right:12px;max-width:none;padding:8px 12px}.cover-status strong{font-size:13px}.cover-status span{font-size:12px;margin-top:4px}}.touch-help{display:none}@media(any-pointer:coarse){.touch-help{display:block}}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:500px){.timer-block{min-width:134px;max-width:none;flex-wrap:nowrap}.timer-block small{white-space:nowrap;font-size:11px}.inlet-map{max-height:calc(100dvh - var(--touch-reserved) - 90px);overflow-y:auto}.native-intro>div{margin:12px 0}.native-hud-top{flex-wrap:nowrap}.native-era{max-width:44%}.native-era small{display:none}.native-observation-tools{top:calc(max(12px,env(safe-area-inset-top)) + 52px);left:auto;width:360px}.native-pace{top:110px}.native-footer{justify-content:center}.native-footer>span{display:none}.tag-hud>header{flex-wrap:nowrap}.tag-mission{flex:1}.tag-mission h2{font-size:13px}#tag-roster{display:none}.inlet-map{top:78px}.tag-direction{top:78px;width:200px}.tag-direction strong{display:inline;font-size:14px}.tag-direction button{margin-top:4px}.tag-hud>footer{left:30%;right:30%}.cover-status{left:29%;right:29%;bottom:12px;text-align:center}.cover-status span{display:none}#history-scene{left:28%;width:44%;bottom:12px!important;max-height:calc(100dvh - 124px)}}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:500px){.native-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-content:start;gap:12px 24px;padding:16px max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.native-intro>div{margin:0}.native-intro h1{font-size:28px;line-height:1.4;margin:8px 0;letter-spacing:0}.native-intro p{font-size:13px;line-height:1.7;margin:8px 0}.native-intro .touch-help{display:none}.native-intro button{margin-top:8px;margin-right:6px;font-size:13px;padding:10px 12px}.native-intro .play-brief{grid-column:2;grid-row:1;margin:0;padding:12px}.native-intro .play-brief h2{font-size:20px;margin:6px 0}.native-intro .play-brief>p{display:none}.native-intro .play-brief .guide-phone{margin-top:6px}.native-intro .desktop-help{display:none}.native-intro .guide-phone small{font-size:9px;margin:0}.native-intro footer{grid-column:1/-1;font-size:11px}.tag-setup main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 24px;margin:16px auto;padding:0 max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left))}.tag-setup .tag-eyebrow{grid-column:1;margin:0;font-size:11px}.tag-setup h1{grid-column:1;font-size:27px;line-height:1.4;margin:0}.tag-setup .setup-copy{grid-column:1;font-size:13px;line-height:1.7;margin:0}.tag-setup .role-choices{grid-column:2;grid-row:1/5;grid-template-columns:1fr;margin:0;gap:10px}.role-choices>button{min-height:0;padding:12px 16px}.role-choices h2{font-size:16px}.role-choices .role-icon{display:none}.role-choices>button>p{display:none}.role-choices>button>.role-touch-goal{display:block;font-size:12px;line-height:1.6}.role-choices small{padding-top:6px}.role-choices p{font-size:12px;margin-bottom:6px}.tag-setup .play-brief{grid-column:1;padding:10px 12px;margin:0}.tag-setup .play-brief .guide-phone,.tag-setup .play-brief>p,.tag-setup .play-brief>h2{display:none}.tag-setup .play-brief .landscape-help{margin-left:8px}.tag-setup>main>.touch-help{display:none}.tag-setup .map-intro,.tag-setup .setup-note{grid-column:1/-1;font-size:11px;margin:4px 0}.native-hud-top{top:max(8px,env(safe-area-inset-top));gap:10px}.native-era{min-width:0;max-width:38%}.native-era>span{font-size:26px}.native-era>div{min-width:0}.native-era strong{font-size:12px}.native-hud nav{gap:4px}.native-hud nav button{padding:8px;font-size:12px}.native-observation-tools{top:62px;width:320px}.native-observation-tools button{font-size:11px;min-height:44px}.native-footer{left:30%;right:30%;bottom:16px}.native-pace{top:110px}.tag-hud>header{padding-top:max(8px,env(safe-area-inset-top))}.tag-hud>header>.landscape-help{font-size:12px}.tag-hud>header .camera-toggle{padding:8px;font-size:11px}.tag-hud>footer{top:64px;left:max(12px,env(safe-area-inset-left));right:auto;bottom:auto;width:210px}.tag-energy{padding:6px 10px;gap:6px}.tag-energy>span,.tag-energy small{font-size:10px}.inlet-map{top:102px;width:140px;max-height:124px}.tag-direction{top:64px;width:180px;padding:8px}.tag-direction button{font-size:11px}.cover-status{left:28%;right:28%;bottom:12px}.cover-status strong{font-size:11px}#history-scene{left:25%;width:50%;max-height:calc(100dvh - 140px)}}@media(any-pointer:coarse)and (orientation:portrait){.native-hud-top{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.native-hud nav{flex-wrap:wrap;justify-content:flex-end}.native-observation-tools{top:calc(max(12px,env(safe-area-inset-top)) + 174px)}.native-pace{top:calc(max(12px,env(safe-area-inset-top)) + 236px)}}
