*{box-sizing:border-box}body{margin:0;background:#100e0d;color:#eeeae1;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid white;outline-offset:3px}[hidden]{display:none!important}#menu,#world,#hud{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}#menu{background:radial-gradient(ellipse at 42% 44%,#251714,transparent 60%),#100f0e}.poster{position:absolute;inset:0 0 0 34%;background:#ab251e;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}#art{width:100%;height:100%;display:block}.grain{position:absolute;inset:0;opacity:.23;background:repeating-linear-gradient(0deg,transparent 0 2px,#210900 3px)}header,footer{position:absolute;left:4.8%;right:4.8%;display:flex;align-items:center;justify-content:space-between;z-index:2}header{top:4.3%}header strong{font:bold 15px monospace;letter-spacing:2px}header strong i{color:#fb4c34;font-size:24px;vertical-align:-2px}.audio,.secondary,#pause,#use,#run{background:#171513dd;border:1px solid #726b655e}.audio{font:bold 11px monospace;padding:10px 13px;letter-spacing:1px}.hero{position:absolute;left:7.5%;top:49%;transform:translateY(-47%)}.eyebrow,small,.camera,.stamp,footer,.subtitle,.keys{font: bold 11px monospace;letter-spacing:2px}.eyebrow{color:#ff6047;display:flex;align-items:center;gap:12px}.eyebrow em{width:27px;height:2px;background:currentColor}h1{font-size:clamp(63px,7.4vw,125px);letter-spacing:-.085em;line-height:1;margin:23px 0 8px;font-weight:1000;text-shadow:2px 2px #261612}h1 span{display:flex;align-items:center;color:#ef4a30;font:bold italic clamp(76px,7.9vw,128px)/.95 Arial;letter-spacing:-.08em}h1 span i{width:.52em;height:.11em;background:currentColor;margin-right:.13em;transform:skew(-16deg)}.subtitle{font-size:12px;letter-spacing:5px;color:#bcb4a9}.hero p{font-size:14px;line-height:1.95;color:#c9c1b7;margin:25px 0}.primary,.secondary{display:block;width:245px;text-align:left;font-weight:800;padding:14px 19px;letter-spacing:1px}.primary{background:#f14c32;border:1px solid #f14c32;color:#181310}.primary:hover{background:#ff7154}.primary span{font-size:12px;margin-right:9px}.primary b{float:right}.secondary{margin-top:9px;font-size:13px}.camera,.stamp,.reticle{position:absolute;color:#e7b0a0}.camera{right:8%;top:20%;font-size:10px}.camera b{color:#ff5438}.camera span{margin-left:9px}.stamp{bottom:13%;right:9%;font-size:9px}.reticle{width:30%;height:40%;top:32%;right:21%;background:linear-gradient(#e9b3a5,#e9b3a5) left top/15px 1px,linear-gradient(#e9b3a5,#e9b3a5) left top/1px 15px,linear-gradient(#e9b3a5,#e9b3a5) right bottom/15px 1px,linear-gradient(#e9b3a5,#e9b3a5) right bottom/1px 15px;background-repeat:no-repeat}footer{bottom:4%;border-top:1px solid #c0a29b55;padding-top:15px;font-size:9px;letter-spacing:1.4px}footer i{display:inline-block;width:6px;height:6px;background:#ed533c;margin-right:8px}dialog{background:#191716;color:#eeeae1;border:1px solid #674a40;padding:28px;width:min(390px,90vw)}dialog::backdrop{background:#060504c9}small{color:#fa6148}dialog h2{margin:14px 0}#copy{color:#cbc4bb;font-size:14px;line-height:1.9;margin-bottom:23px}dialog button{width:100%!important}.hudtop{display:flex;justify-content:space-between;align-items:start;padding:18px;background:linear-gradient(#000b,transparent)}.hudtop strong{display:block;font-size:16px;margin-top:6px}#pause,#use,#run{padding:11px 17px}#hud{touch-action:none;user-select:none}#dot,#hint,#message,.keys{position:absolute;left:50%;transform:translateX(-50%);text-align:center}#dot{top:49%;opacity:.6}#hint{bottom:25%;background:#111b}#message{top:21%;font-weight:bold;color:#ffad85}.keys{bottom:4%;white-space:nowrap;letter-spacing:1px}#stick,#use,#run{display:none}@media(pointer:coarse){.keys{display:none}#stick,#use,#run{display:block;position:absolute;bottom:6%}#stick{left:6%;width:95px;height:95px;border-radius:50%;border:1px solid #bbb8;background:#2226}#stick i{position:absolute;left:31px;top:31px;width:31px;height:31px;background:#ccc8;border-radius:50%}#use{right:5%}#run{right:5%;bottom:calc(6% + 52px)}}@media(max-width:650px){.poster{left:21%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#110e0dd9,transparent 55%),linear-gradient(0deg,#100e0d 2%,transparent 55%)}.hero{left:7%;top:53%}.hero p{text-shadow:0 1px 6px #100804}.camera{top:17%}.stamp{display:none}.eyebrow{font-size:9px}.primary,.secondary{width:215px}h1{font-size:64px}footer{font-size:8px}}@media(max-height:560px){.hero{transform:translateY(-42%)}h1{font-size:48px;margin:8px 0}h1 span{font-size:44px;display:inline-flex}.hero p{margin:8px 0;font-size:12px}.primary,.secondary{padding:8px 14px}footer{bottom:2%;padding-top:6px}}
#menu{background:#10120f}#cover{width:100%;height:100%;display:block}.poster{background:#18201a;clip-path:none;left:29%}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10120f 0%,transparent 27%),linear-gradient(0deg,#0b100a99,transparent 25%)}.grain{opacity:.09}.hero{max-width:44%}.hero h1{font-family:"Yu Mincho","Noto Serif CJK JP",serif;font-weight:900}.hero h1 span,.eyebrow,header strong i,small{color:#c6a568}.primary,.eyebrow em,footer i{background:#c6a568}.primary{border-color:#c6a568}.primary:hover{background:#dfbc80}.camera,.stamp{color:#b9bca4;z-index:1}.subtitle{font:600 18px serif;letter-spacing:.42em}.hero p{font-size:clamp(12px,1vw,15px)}#mapview{position:absolute;bottom:6%;left:2%;width:clamp(105px,12vw,165px);aspect-ratio:1}#message{width:88%;text-shadow:0 1px 3px black}body.scare #hud{visibility:hidden}@media(pointer:coarse){#mapview{bottom:auto;top:14%;width:clamp(95px,22vw,140px)}}@media(max-width:650px){.poster{left:0}.poster:after{background:linear-gradient(0deg,#10120f 5%,#10120fca 40%,transparent 76%)}.hero{max-width:90%;top:auto;bottom:9%;transform:none}.hero h1 span{display:inline-flex;font-size:.84em}.hero h1{font-size:clamp(46px,13vw,75px)}.camera{top:14%}.hero p{margin:12px 0}.subtitle{font-size:15px}}@media(max-height:520px){.hero{bottom:auto;top:50%;transform:translateY(-45%)}#mapview{width:80px}.hero p{margin:5px 0}}
.room-brand{display:inline-flex;align-items:center;gap:9px;color:#f1eee6;font:700 19px/1 Arial,sans-serif;letter-spacing:.01em;white-space:nowrap}.room-brand img{display:block;width:32px;height:32px;border-radius:7px}.hudtop .room-brand{display:flex;width:max-content;gap:6px;font-size:13px;margin-bottom:6px;text-shadow:0 1px 3px #000}.hudtop .room-brand img{width:22px;height:22px;border-radius:5px}@media(pointer:coarse) and (max-height:650px){#mapview{top:89px}}
.hud-actions{display:flex;align-items:flex-end;gap:6px;flex-direction:column-reverse}#detect{background:#102627e8;border:1px solid #76bbb8;color:#c1f9f7;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}#detect:disabled{opacity:.9}
#run{display:block;position:absolute;right:5%;bottom:calc(6% + 52px);min-width:6.5em;color:#f1dfba;border-color:#a18e69}#run:disabled{color:#bfb6a5;background:#25231fda}
.menu-tools{display:flex;gap:7px;width:245px}.menu-tools .secondary{width:auto;flex:1;white-space:nowrap;text-align:center;padding-inline:5px}
#options{color-scheme:dark;max-height:87dvh;overflow:auto;width:min(370px,88vw);box-sizing:border-box}
#options label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;color:#e5ded2;font-size:14px;border-bottom:1px solid #827a643d}
#options select{background:#252723;color:#eee5d1;border:1px solid #655e50;padding:5px 7px;border-radius:3px}
#options input{accent-color:#d6a17a}#options input[type=range]{width:36%}#options output{margin-left:auto;color:#d3b798;font:12px monospace}#options .level-info{font-size:11px;color:#cfbda5;margin:7px 0}#options button{margin-top:17px;width:100%}
@media(pointer:coarse){.left-hand #stick{right:6%;left:auto}.left-hand #use,.left-hand #run{right:auto;left:5%}}
@media(max-width:650px){.menu-tools{width:215px}}