/* During play, reserve the screen for the room. Extra tools live in Pause. */
body.playing header,body.playing footer,body.playing #online-bar,
body.playing #threat,body.playing #pressure-hud,body.playing #puzzle-hud,
body.playing #room-tip,body.playing #rescue-hud,body.playing #ability-status,
body.playing #partner-status,body.playing #tether-hud,body.playing #timer{display:none!important}
body.playing #app{min-height:0;height:100svh}
body.playing .vignette{background:linear-gradient(0deg,#080e1655,transparent 18%,transparent 85%,#080e1670);pointer-events:none}
body.playing #hud{top:max(10px,env(safe-area-inset-top));left:16px;right:16px;gap:10px;align-items:center;flex-wrap:nowrap;height:42px}
body.playing .route-info{min-width:0;max-width:none;flex:1;padding:0;background:none;border:0;box-shadow:none}
body.playing #route-label{font-size:12px;line-height:1.3;letter-spacing:.8px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 5px #000}
body.playing .route-info .progress,body.playing #checkpoint{display:none}
body.playing .right-hud{display:flex;gap:8px;align-items:center}
body.playing #map-open,body.playing #pause{width:44px;height:40px;border-radius:9px;font-size:12px;background:#17212ae8;border:1px solid #a8b6ab55;color:#eee8d8}
#mission{position:absolute;z-index:6;top:64px;left:16px;width:min(430px,calc(100% - 32px));min-height:48px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;border-left:2px solid #b9b38e;background:linear-gradient(90deg,#121e26ed,#121e26b5);border-radius:0 7px 7px 0;pointer-events:none;color:#f6efdf}
#mission-kicker{font-size:8px;letter-spacing:1.6px;color:#c5bc94;grid-column:1}
#mission-title{font-size:13px;font-weight:500;line-height:1.35;grid-column:1}
#mission-distance{font-size:12px;color:#c2d6ca;grid-column:2;grid-row:1/3;white-space:nowrap}
#mission.urgent{border-color:#e49a85;background:#381e24eb}#mission.urgent #mission-kicker{color:#eab5a6}
#context-card{position:absolute;z-index:7;top:128px;left:16px;width:min(430px,calc(100% - 32px));padding:10px 12px;background:#111e27ed;border:1px solid #c5b18a66;border-radius:7px;color:#eee9d9}
#context-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}#context-title{font:500 13px 'DM Sans',sans-serif}
#clue-toggle{border:1px solid #ac987460;color:#e5d7b8;background:#2e302c;border-radius:5px;font-size:11px;min-height:30px;padding:4px 10px}
#context-status,#context-clue{font-size:12px;line-height:1.5;margin:5px 0 0;color:#cbd8d5}#context-clue{padding-top:7px;border-top:1px solid #bdb99a33;color:#f0deb3}
#interaction-hint{position:absolute;z-index:6;bottom:32px;left:50%;transform:translateX(-50%);max-width:min(480px,calc(100% - 36px));width:max-content;padding:9px 13px;font-size:12px;line-height:1.45;color:#f6ead2;background:#111b24ec;border:1px solid #bdac8555;border-radius:6px;text-align:center;pointer-events:none}
.touch-enabled #interaction-hint{bottom:139px;max-width:min(430px,calc(100% - 32px))}
body.playing #toast{top:auto;bottom:174px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);font-size:12px;padding:10px 14px;z-index:8}
#pause-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:15px 0}#pause-tools button{border:1px solid #c4b58b55;border-radius:7px;background:#252832;color:#e5dcc4;padding:10px 13px;font-size:12px}
#estate-map{width:min(650px,94vw);max-height:94svh;background:#101b23;color:#e8e2cf;border:1px solid #a7997255;border-radius:12px;padding:18px;overflow:auto}
#estate-map::backdrop{background:#050b13d9}.map-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.map-top small{font-size:9px;letter-spacing:2px;color:#c0b18b}.map-top h2{font:400 24px Georgia,serif;margin:6px 0}#map-objective{font-size:13px;color:#e6c992;margin:10px 0}
#map-drawing{height:min(60svh,570px);background:radial-gradient(ellipse,#23313b,#0d151c);border:1px solid #64777933;border-radius:8px}#map-drawing svg{width:100%;height:100%;padding:10px}
.map-links{stroke:#687d7e;stroke-width:.32;fill:none;opacity:.65}.map-floor{fill:#63787c}.map-safe{fill:#89b9a7}.map-trap{fill:#bb876c}.map-target{fill:#e2bc73;stroke:#ffe4ab;stroke-width:.5}
.map-key{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:11px;margin-top:12px}.map-key span:first-child{color:#b6f0d6}.map-key span:nth-child(2){color:#e6c992}#map-wings{font-size:11px;color:#babfae;margin:8px 0}#map-note{font-size:11px;color:#9baeb1;line-height:1.5}
@media(max-width:700px){
 body.playing #hud{left:12px;right:12px}.playing #route-label{font-size:10px!important}
 #mission{left:12px;width:calc(100% - 24px);top:61px;min-height:46px;padding:8px 10px}#mission-title{font-size:12px}#context-card{top:120px;left:12px;width:calc(100% - 24px)}
 body.playing #online-touch{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px}
 body.playing #online-stick{width:100px;height:100px}body.playing #stick-knob{left:30px;top:30px}
 body.playing .online-actions{grid-template-columns:61px 67px;grid-template-rows:44px 48px;gap:6px}
 body.playing .online-actions button{background:#253039df;border-color:#aaa18c88}body.playing .online-actions [data-net-action=jump]{background:#b5a17a;color:#1b2127}
 .touch-enabled #interaction-hint{bottom:123px;font-size:11px;padding:8px 11px}
 body.playing #toast{bottom:174px;font-size:11px}
 .map-top h2{font-size:21px}#estate-map{padding:14px}#map-drawing{height:55svh}
}
@media(max-height:550px) and (orientation:landscape){
 body.playing #hud{top:6px;height:34px}body.playing #map-open,body.playing #pause{height:32px;width:40px}
 #mission{top:48px;width:300px;padding:7px 10px;min-height:40px}#context-card{top:102px;width:300px}
 #context-title,#context-status,#context-clue{font-size:11px}#interaction-hint,.touch-enabled #interaction-hint{bottom:15px;max-width:40%;font-size:10px}
 body.playing #toast{bottom:75px;max-width:45%;font-size:10px}#map-drawing{height:50svh}
}

body:not(.online) [data-tool="room-leave"]{display:none}

body.online [data-tool="customize"]{display:none}