:root{color-scheme:dark;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;color:#e6e9ed;background:#06090e;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #53607166;background:#17202ab8;border-radius:3px;padding:.65rem 1rem;touch-action:manipulation}button:hover{background:#26303f}button:focus-visible{outline:2px solid #e19b8a;outline-offset:4px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#shell{height:100dvh;min-height:400px;width:100%;position:relative;overflow:hidden}#view{width:100%;height:100%;display:block;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px 35px #02040b88;z-index:1}#danger{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 170px #a6091470;opacity:0;transition:opacity .5s;z-index:2}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:24px 30px;background:linear-gradient(#050811d9,transparent);z-index:4}.brand{display:flex;align-items:center;gap:28px;font-family:serif;letter-spacing:.13em}.brand em{font:normal 12px sans-serif;letter-spacing:.12em;color:#9ca7b6;margin-left:10px}.rec{font:12px monospace;letter-spacing:.15em;display:flex;align-items:center;gap:7px}.rec i{width:7px;height:7px;border-radius:50%;background:#e64551}.hud-right{display:flex;align-items:center;gap:10px;font-size:14px}.hud-right button{font-size:14px;padding:.5rem .7rem}#key-count{font-variant-numeric:tabular-nums;margin-right:8px}kbd{font-size:12px;opacity:.5;margin-left:5px}#objective{position:absolute;left:30px;top:100px;z-index:3;display:flex;flex-direction:column;gap:8px;border-left:2px solid #a02d3b;padding-left:13px;text-shadow:0 2px 7px #000}#objective small{font-size:12px;color:#96a2b0;letter-spacing:.14em}#objective span{font-size:15px}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:20px monospace;color:#e2e5e780}#status{position:absolute;top:22%;width:100%;text-align:center;font-size:14px;letter-spacing:.22em;color:#ffb9b5;text-shadow:0 0 10px #000;z-index:3}#prompt{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);padding:.65rem 1rem;background:#0a0e14cb;border:1px solid #98a7b63f;border-radius:3px;white-space:nowrap;font-size:15px;z-index:3}#prompt:empty{display:none}#toast{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);width:min(590px,88%);text-align:center;font-size:15px;line-height:1.8;background:#050912e8;padding:16px 24px;border-top:1px solid #676f7f8c;opacity:0;transition:opacity .3s;z-index:5;pointer-events:none}#toast.visible{opacity:1}footer{position:absolute;bottom:28px;left:30px;right:30px;display:flex;align-items:center;gap:24px;z-index:3;color:#adb7c4;font-size:12px;letter-spacing:.08em}.stamina{width:130px}.stamina small{font-size:10px;letter-spacing:.2em}.stamina>div{height:3px;background:#ffffff20;margin-top:8px}.stamina span{display:block;height:100%;background:#a8b8c9;width:100%}#clock{font:14px monospace}.desktop-hint{margin-left:auto;font-size:12px}.screen{position:absolute;inset:0;background:linear-gradient(90deg,#080c12 5%,#101924c9 50%,#040609a0);z-index:10;overflow:auto}.title-enemy{position:absolute;right:-2%;bottom:-21%;height:115%;max-width:70%;object-fit:contain;opacity:.62;filter:brightness(.58) saturate(.55);pointer-events:none}.start-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080c12 3%,transparent 85%),linear-gradient(0deg,#080c12 0%,transparent 30%);pointer-events:none}.start-content{position:relative;z-index:2;padding:clamp(30px,8vh,90px) 7%;max-width:680px}.eyebrow{font-size:12px;letter-spacing:.24em;color:#a6b1bf;margin:0 0 20px}.start-content h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(60px,8vw,114px);letter-spacing:.02em;margin:0;font-weight:600;line-height:1.05;text-shadow:2px 3px 0 #78242c55}.start-content h1 span{font-size:.5em;letter-spacing:.02em}.red-line{width:42px;height:2px;background:#b64149;margin:28px 0 22px}h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.15em;font-weight:500;font-size:28px;margin:0 0 20px}.start-content h2{font-size:20px;letter-spacing:.42em}.lead{font-family:serif;color:#c0c7cf;font-size:17px;line-height:2;letter-spacing:.12em;margin:24px 0 28px}.difficulty{display:flex;gap:10px;margin:0 0 18px;max-width:340px}.difficulty button{flex:1;text-align:left;font-size:14px;padding:12px 16px;background:#121a2480}.difficulty small{display:block;color:#8c9aaa;margin-top:5px;font-size:12px}.difficulty .selected{border-color:#ca7c71;background:#39212677}.primary{display:block;width:100%;max-width:340px;background:#93353c;border-color:#b8565b;letter-spacing:.08em;padding:16px 22px;text-align:left}.primary:hover{background:#a4424a}.primary span{float:right;font:11px monospace;opacity:.7;margin-top:4px}.warning{font-size:12px;color:#a6aebb;line-height:1.8;margin-top:20px}.version{font-size:10px;letter-spacing:.1em;color:#647487;margin-top:28px}.overlay{position:absolute;inset:0;z-index:20;background:#04070de8;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(9px);overflow:auto}.panel{width:min(520px,100%);max-height:95dvh;overflow:auto;background:#0d141d;border:1px solid #435064;padding:32px;box-shadow:0 20px 100px #0009}.panel p{font-size:15px;line-height:1.85;color:#c6ced9}.panel .eyebrow{font-size:12px;color:#8d9aad;line-height:1.4}.panel .primary{max-width:none;margin-top:22px;text-align:center}.secondary{width:100%;margin-top:12px;background:transparent;font-size:14px}.muted{color:#94a0af!important;font-size:12px!important}.panel dl{font-size:14px;margin:24px 0}.panel dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff0c}.panel dd{margin:0;color:#a3b1c2}.map-panel{width:min(700px,100%)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{margin:0}.panel-heading button{border:0}.panel-heading .eyebrow{margin-bottom:7px}#map-canvas{width:100%;height:auto;margin-top:16px}#journal{display:flex;gap:10px}#journal>div{flex:1;background:#ffffff05;padding:10px;font-size:13px}#journal b{display:block;font-size:22px;margin-top:5px;font-weight:400}.legend{font-size:12px!important;margin:10px 0;color:#a8b9cc!important}.keypad-panel{max-width:340px;text-align:center}.keypad-panel h2{font-size:22px}#code-display{font:38px monospace;letter-spacing:.25em;background:#04070d;padding:20px;margin:16px 0;color:#b9d7ce}#digits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#digits button{font-size:20px;padding:14px}#digits button:last-child{font-size:14px}#code-error{min-height:1.85em;color:#ffaaa4}.ending-panel{text-align:center}.ending-panel h2{font-size:36px}#touch-controls{position:absolute;inset:auto 20px 35px;z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-end;display:none}#joystick{width:120px;height:120px;border:1px solid #a9c1da66;border-radius:50%;background:#17243166;position:relative;pointer-events:auto;touch-action:none}#stick{width:46px;height:46px;position:absolute;left:36px;top:36px;border-radius:50%;background:#ceddea66;border:1px solid #e0eaff66;pointer-events:none}.touch-actions{display:flex;align-items:flex-end;gap:12px}.touch-actions button{height:58px;pointer-events:auto;background:#192732c9;touch-action:none;font-size:14px}#interact-button{background:#752d36c9}
@media(pointer:coarse){#touch-controls{display:flex}.desktop-hint{display:none}#prompt{bottom:190px}#toast{bottom:190px}footer{bottom:18px}.stamina{width:100px}#clock{margin-left:auto}}
@media(max-width:650px){header{padding:16px;gap:8px}.brand>span:last-child{display:none}.hud-right{gap:5px}.hud-right button{font-size:12px;padding:.5rem}.hud-right kbd{display:none}#key-count{font-size:12px;margin:0}#objective{top:80px;left:18px}#objective span{font-size:13px}footer{left:20px;right:20px}.start-content{padding:7vh 7%;max-width:100%}.start-content h1{font-size:76px}.title-enemy{max-width:100%;right:-35%;height:95%;bottom:-10%;opacity:.5}.start-shade{background:linear-gradient(90deg,#080c12f5,transparent)}.lead{font-size:15px;margin:20px 0}.start-content .primary,.difficulty{max-width:290px}.panel{padding:22px}.map-panel{padding:16px}#journal{gap:4px}#journal>div{font-size:11px;padding:8px}.panel dl>div{font-size:12px}.legend{font-size:11px!important}#toast{font-size:13px;padding:12px}.version{margin-top:18px}}
@media(max-height:650px){.start-content{padding-top:25px;padding-bottom:25px}.start-content h1{font-size:65px}.red-line{margin:16px 0}.lead{margin:14px 0;font-size:14px;line-height:1.6}.difficulty{margin-bottom:10px}.warning{margin-top:12px}.version{display:none}.title-enemy{height:130%}.start-content h2{margin-bottom:12px}header{padding-top:14px}#objective{top:70px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Full 3D edition: the live school scene also forms the title screen. */
.screen{background:linear-gradient(90deg,#03070bf2 0%,#03070bbc 34%,#06102022 80%)}.title-enemy{display:none}.start-shade{background:linear-gradient(0deg,#03070be6,transparent 40%)}#loading-status{max-width:340px;line-height:1.6}.vignette{box-shadow:inset 0 0 150px 30px #01040b88}#shell:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000008 4px);opacity:.35}#status{font-size:14px;font-weight:500}.screen .lead{text-shadow:0 2px 18px #000}
#hide-mask{display:none;pointer-events:none;position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#03070ef5 0%,#03070ef5 15%,transparent 15%,transparent 85%,#03070ef5 85%),linear-gradient(0deg,#02060ef8 0%,#02060ef8 36%,transparent 36%,transparent 42%,#02060ef8 42%,#02060ef8 46%,transparent 46%,transparent 52%,#02060ef8 52%,#02060ef8 56%,transparent 56%,transparent 62%,#02060ef8 62%)}.hiding #hide-mask{display:block}.hiding #crosshair{opacity:.2}