/* Field equipment: calm, legible information against the school interior. */
#soundCaption{position:absolute;left:50%;bottom:162px;transform:translateX(-50%);max-width:min(590px,74vw);padding:7px 13px;border-radius:3px;background:#060e14d9;border-left:2px solid #938b70;color:#c1c7c5;font:italic 12px Georgia,serif;letter-spacing:.25px;text-align:center;pointer-events:none;z-index:8;}
.map-widget{opacity:.86;transition:opacity .2s}.map-widget:hover,.map-widget:focus-visible{opacity:1}.map-title b{color:#b0b8af}.objective b{color:#b8b09c!important}.clock{color:#d4c5ad!important}#awareness{background:#090f14b8!important;border-color:#53636740!important}#awareness.danger{border-color:#b7794d!important}.prompt{font-weight:600!important;background:#101c22db!important}.chapter-card h2{font-family:Georgia,serif!important;color:#bfae99!important;font-size:clamp(30px,5vw,52px)!important;text-shadow:0 3px 14px #000!important;letter-spacing:4px}.logo{color:#c7b9a4!important;text-shadow:0 2px 20px #000!important;letter-spacing:6px!important}.screen.center{background:radial-gradient(ellipse at 50% 25%,#263335,#05090d 78%)!important}.panel{background:#101b1ee8!important;border-color:#60716c44!important}.btn.red{background:#693832!important;box-shadow:none!important}.cutscene{background:radial-gradient(ellipse at 50% 55%,#111e21,#030608 70%)!important}.cut-title{color:#baab94!important;text-shadow:none!important;letter-spacing:4px}.cut-text{color:#bfc6c0!important}.cut-hint{color:#88968e!important}
@media(max-width:800px){#soundCaption{bottom:296px;max-width:88vw;font-size:11px;}}
@media(max-height:550px) and (min-width:601px){#soundCaption{bottom:145px;max-width:46vw;font-size:10px;}}
select { color: #e2e9e5; background: #17282c; border: 1px solid #4c6468; border-radius: 6px; padding: 11px; font: inherit; width:100%; }
button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bde3cc;outline-offset:3px;}
.map-widget { position:absolute;left:20px;bottom:52px;width:250px;padding:12px;background:#0b171df0;border:1px solid #74939855;border-radius:10px;color:#d4e1dd;cursor:pointer;box-shadow:0 10px 35px #0006;text-align:left; }
.map-title,.map-caption{display:flex;justify-content:space-between;align-items:center;font:10px Inter,sans-serif;letter-spacing:1px;}.map-title span{color:#9eb4b7}.map-caption{font-size:9px;letter-spacing:0;padding-top:7px}.you{color:#f2f4df}.enemy{color:#ff7b78}.exit{color:#8edcbc}
#minimap {width:100%;height:auto;display:block;margin-top:9px;}
.exp-toolbar{position:absolute;bottom:22px;right:20px;display:flex;gap:8px}.exp-toolbar button,.atlas button,.exp-modal header button{border:1px solid #53686a;background:#132227ed;color:#d8e2de;border-radius:7px;padding:10px 14px;cursor:pointer;font:600 12px Inter,sans-serif;}
#awareness{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);width:min(350px,35vw);text-align:center;background:#0a131cbb;border:1px solid #58747c66;border-radius:8px;padding:12px;color:#bdd1d1;font:600 11px Inter,sans-serif;letter-spacing:1px;pointer-events:none;}#awareness small{display:block;margin-top:6px;font-size:9px;letter-spacing:.3px}.detection-track{height:3px;background:#62747555;margin:9px 0 3px;border-radius:2px;overflow:hidden}.detection-track i{display:block;height:100%;width:0;background:#a4cbb3;transition:width .1s}#awareness.danger{color:#ffd7af;border-color:#b7794d}.danger .detection-track i{background:#e7936c}
#routeHint{position:absolute;bottom:23px;left:20px;font-size:11px;color:#d0ddcd;background:#091319d9;padding:6px 10px;border-radius:4px;max-width:55vw;pointer-events:none;}
.exp-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#050d13dc;backdrop-filter:blur(7px);padding:24px;overflow:auto;}
.settings-panel,.atlas{width:min(720px,100%);background:#102127;border:1px solid #52686c;border-radius:14px;padding:28px;box-shadow:0 20px 80px #0008;color:#dfe6df}.exp-modal h2{font:600 clamp(25px,4vw,36px) Georgia,serif;letter-spacing:-.7px;margin:9px 0 12px}.exp-modal small{font-size:10px;letter-spacing:2px;color:#a8c1b3}.exp-modal p{font-size:13px;line-height:1.5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.settings-grid label{font-size:12px;line-height:1.5}.settings-grid output{color:#c5d7b5}.settings-grid input[type=range]{padding:0;accent-color:#a6c6ac}.check-label{flex-direction:row;align-items:center}.check-label input{width:20px;height:20px;accent-color:#a6c6ac}.brightness-guide{display:flex;gap:8px}.brightness-guide span{background:#1f3037;padding:10px;flex:1;text-align:center;font-size:11px;color:#809499}.brightness-guide span:nth-child(2){background:#405651;color:#aabeb0}.brightness-guide span:nth-child(3){background:#a8bcb0;color:#23342e}.settings-panel>.btn{width:100%;margin-top:10px}.guide-panel{width:min(820px,100%)}.guide-panel ol{padding-left:20px;display:grid;gap:14px;font-size:13px;line-height:1.6}.guide-panel li::marker{color:#a8c1a3}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0;border-top:1px solid #52686c;font-size:11px;color:#afc3c4}.atlas{width:min(1050px,100%);padding:20px}.atlas header{display:flex;align-items:center;justify-content:space-between;gap:20px}.atlas header p{margin:0 0 12px}.atlas canvas{display:block;max-width:100%;max-height:64vh;aspect-ratio:48/34;width:auto;margin:0 auto;border:1px solid #465f62;cursor:crosshair}.atlas footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a8b9b5;margin:12px 0}.hud.top{background:linear-gradient(#071117c9,transparent);padding:18px 22px 28px}.objective{background:#09151cbb;border:1px solid #8ea3a522;padding:10px 14px;border-radius:5px;}.objective b{color:#cbd5ae;letter-spacing:1.5px;margin-bottom:5px}.clock{color:#e7dbc4;text-shadow:none}.prompt{border-radius:7px;background:#12272cec;bottom:38px!important;max-width:48vw;white-space:normal;text-align:center;font-size:13px}.page-card{top:40%;right:24px;left:auto;transform:rotate(1deg);width:280px;box-shadow:0 8px 30px #0007;font-size:13px}.page-card .digit{font-size:40px}.comfort .clock.late{animation:none}.comfort .chapter-card{animation:none;background:#071117be}.comfort .page-card{animation:none}.modal{z-index:15}.chapter-card{z-index:6}.cutscene{z-index:40}.toast{z-index:16;top:150px}.exp-toolbar button{min-height:40px}.menu-options{display:grid;gap:8px}
@media(max-width:800px){.map-widget{width:172px;left:12px;bottom:193px;padding:8px}.map-title{font-size:8px}.map-caption{font-size:8px}#awareness{width:190px;left:auto;right:12px;transform:none;bottom:200px;padding:8px;font-size:9px}#awareness small{font-size:8px}#routeHint{bottom:172px;font-size:9px;max-width:92vw;left:12px}.exp-toolbar{right:12px;bottom:160px;gap:5px}.exp-toolbar button{padding:6px 9px;min-height:32px;font-size:10px}.hud.top{padding:10px 12px}.objective{font-size:11px;max-width:100%;padding:7px 9px}.prompt{bottom:140px!important;max-width:94vw;font-size:12px}.settings-grid{gap:14px}.exp-modal{padding:12px;align-items:start}.settings-panel{padding:20px}.control-grid{grid-template-columns:repeat(2,1fr)}.atlas footer{flex-direction:column}.page-card{right:10px;top:28%;width:250px}.buttons{grid-template-columns:repeat(3,52px);gap:7px}.tbtn{width:52px;height:52px;font-size:20px}.tbtn small{font-size:8px}.joy{width:100px;height:100px;bottom:24px}.knob{left:25px;top:25px}.inv-icon{font-size:11px;padding:4px}.pages span{width:23px;height:30px}.atlas header{align-items:start}.atlas canvas{width:100%;height:auto;max-height:none;}.atlas h2{font-size:25px}}
@media(max-height:550px) and (min-width:601px){.map-widget{width:145px;top:111px;bottom:auto;left:12px;padding:8px}.map-caption{display:none}.map-title{font-size:8px}#awareness{bottom:42px;width:260px;left:50%;right:auto;transform:translateX(-50%);font-size:9px;padding:8px}#routeHint{bottom:12px;font-size:9px;max-width:65vw}.exp-toolbar{bottom:12px;right:12px}.exp-toolbar button{min-height:32px;font-size:10px;padding:6px 10px}.prompt{bottom:108px!important;max-width:45vw;font-size:11px}.objective{max-width:470px;padding:6px 9px;font-size:11px;max-height:65px;overflow:hidden}.objective b{font-size:10px;margin-bottom:3px}.bars{display:none}.atlas canvas{width:55%;}.exp-modal{align-items:start}.page-card{top:65px;font-size:10px;width:210px;padding:12px}.hud.top{padding:8px 12px}.buttons{grid-template-columns:repeat(3,48px);gap:8px;bottom:58px}.tbtn{width:48px;height:48px;font-size:18px}.tbtn small{font-size:8px}.joy{width:90px;height:90px;bottom:25px}.knob{left:20px;top:20px}.toast{top:105px;font-size:11px;max-width:380px}.pages span{height:30px;width:25px}}