:root{font-family:system-ui,Arial,sans-serif;color:#d9e8d9;background:#050807;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #6f8d7b;background:#13211c;color:#eff6e9;border-radius:8px;padding:9px 14px;min-height:44px}button:hover,button:focus-visible{background:#274338;outline:2px solid #c4d7bf}button.primary{background:#b7433e;border-color:#e26a61;font-weight:800;letter-spacing:.08em}#app{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1d2923,#050807 70%)}#shell{position:relative;width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;max-height:100dvh;overflow:hidden;background:#0a1110;box-shadow:0 0 40px #000}#view{position:absolute;inset:0}#view canvas{display:block;width:100%;height:100%}#veil{position:absolute;inset:0;background:linear-gradient(transparent 60%,#02050399);pointer-events:none}#scareOverlay{position:absolute;inset:0;z-index:2;pointer-events:none;visibility:hidden;overflow:hidden;background:#02030355}#scareOverlay.active{visibility:visible;animation:scareBurst var(--scare-duration,1.15s) ease-out both}#scareFace{display:block;width:100%;height:100%;object-fit:cover;object-position:center var(--scare-focus,43%);pointer-events:none}@keyframes scareBurst{0%{opacity:0;transform:scale(.78)}8%{opacity:var(--scare-opacity,1);transform:scale(1.03)}70%{opacity:var(--scare-opacity,1);transform:scale(1.07)}to{opacity:0;transform:scale(1.12)}}#hud{position:absolute;inset:0;z-index:3;pointer-events:none}#hud>*{pointer-events:auto}#topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left))}#levelTag{font-weight:800;letter-spacing:.17em;text-shadow:0 2px 7px #000}#themeTag{font-size:.68rem;letter-spacing:.14em;color:#b1c6b7;margin-top:5px}#mapSmall{width:clamp(92px,18vh,128px);height:clamp(92px,18vh,128px);background:#101c1a;border:2px solid #778e7c;border-radius:8px;box-shadow:0 2px 12px #000a;touch-action:manipulation}#pauseBtn{position:absolute;right:calc(clamp(92px,18vh,128px) + 26px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:45px;padding:0;font-size:1.3rem}#lookHint{position:absolute;left:50%;bottom:20px;transform:translate(-50%);font-size:.75rem;letter-spacing:.1em;padding:7px 12px;border:1px solid #82998777;border-radius:20px;background:#07100faa;color:#d6e7d7;white-space:nowrap;pointer-events:none!important}#stick,#lookZone{position:absolute;touch-action:none}#stick{left:calc(20px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));width:clamp(90px,25vh,124px);height:clamp(90px,25vh,124px);border-radius:50%;border:2px solid #c6d8be88;background:#7e9d8060}#stick:after{content:"";position:absolute;width:44%;height:44%;left:28%;top:28%;border-radius:50%;background:#d3e5cfaa;transform:translate(var(--knob-x,0px),var(--knob-y,0px))}#lookZone{right:0;bottom:0;width:45%;height:64%;opacity:.001}#mapLargeWrap{position:absolute;inset:0;background:#06100eea;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,28px);padding:16px;z-index:4}#mapLarge{width:min(74vh,54vw,520px);height:min(74vh,54vw,520px);background:#101c1a;border:2px solid #8da89b}#panel{position:absolute;inset:0;z-index:5;background:linear-gradient(#07100eee,#09140fe9);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vh,24px)}#card{width:min(94%,820px);max-height:100%;overflow-y:auto;text-align:center;padding:0 8px}h1{font-size:clamp(2rem,min(5vw,11vh),4rem);letter-spacing:.14em;margin:.08em 0 .12em;color:#e2e6d2;text-shadow:0 0 25px #8eae96}h2{font-size:clamp(1.4rem,5vh,2rem);letter-spacing:.1em;margin:.1em 0 .4em}p{line-height:1.4;color:#bbcbbb;margin:.4em 0}.subtitle{color:#d15c54;letter-spacing:.28em;font-size:.75rem}.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px auto;max-width:640px}.stack button{width:100%}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;text-align:left}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:5px 0;min-height:36px;text-align:left}.row input[type=range]{width:45%}.row select{background:#17251f;color:#fff;padding:6px}.levelGrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-height:47vh;overflow:auto}.levelGrid button{padding:5px;min-height:44px}.locked{opacity:.35}.hint{font-size:.83rem}.hidden{display:none!important}#rotate{position:fixed;inset:0;z-index:10;background:#07100f;color:#fff;display:none;align-items:center;justify-content:center;text-align:center;padding:30px;font-size:1.5rem}@media(orientation:portrait)and (pointer:coarse){#rotate{display:flex}}@media(orientation:landscape)and (pointer:coarse){#shell{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto}.levelGrid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(pointer:fine){#stick,#lookZone{display:none}}@media(pointer:coarse){#lookHint{display:none}}@media(max-height:410px){#mapSmall{width:92px;height:92px}#pauseBtn{right:calc(118px + env(safe-area-inset-right))}.stack{margin:8px auto}.row{margin:2px 0}}#debug{position:absolute;bottom:3px;left:3px;font:11px monospace;background:#000a;padding:4px;pointer-events:none}