html,body{touch-action:none;background:#000;height:100%;margin:0;overflow:hidden}body{color:#dfe6ea;-webkit-user-select:none;user-select:none;font-family:Courier New,ui-monospace,monospace}#app{position:fixed;top:0;bottom:0;left:0;right:0}#app canvas.gl{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.timer{text-align:center;background:#06080ad1;border:2px solid #c9d1d6;border-radius:6px;min-width:104px;padding:4px 14px 5px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #000}.timer .t{letter-spacing:2px;font-size:30px;font-weight:700;line-height:1}.timer .phase{letter-spacing:3px;color:#c9d1d6;margin-top:3px;font-size:12px;font-weight:700}.timer .score{color:#9fe0a8;margin-top:2px;font-size:12px}.timer .score:empty{display:none}.timer .score.ghost{color:#ff7070}.mini{background:#040608cc;border:2px solid #9aa3a9;padding:4px;position:absolute;top:12px;right:12px}.mini canvas{width:128px;height:80px;image-rendering:pixelated;display:block}.danger{opacity:0;color:#fc3;font-size:22px;position:absolute;top:4px;left:-30px}.danger.l1{opacity:1}.danger.l2{opacity:1;color:#ff3b2b;animation:.5s steps(2,end) infinite blink}.danger.l3{opacity:1;color:#ff3b2b;animation:.12s infinite shake}@keyframes blink{50%{opacity:.2}}@keyframes shake{0%{transform:translate(1px)}50%{transform:translate(-1px,1px)}to{transform:translateY(-1px)}}.quality{color:#6c767c;font-size:11px;position:absolute;top:10px;left:12px}.help{color:#5d676d;font-size:11px;position:absolute;bottom:8px;left:12px}.hint{white-space:nowrap;background:#0009;border:1px solid #39424a;padding:4px 10px;font-size:14px;font-weight:700;transition:opacity .2s;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.slots{gap:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.slot{background:#080a0cd9;border:2px solid #59636a;border-radius:4px;justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:relative}.slot.sel{border-color:#e1c88d}.slot.off .icon{opacity:.35}.slot .icon{width:40px;height:40px;image-rendering:pixelated}.slot span{color:#c9d1d6;font-size:12px;font-weight:700;position:absolute;bottom:-18px}.labels .name{color:#e9eef2;text-shadow:0 0 3px #000,1px 1px #000;white-space:nowrap;font-size:13px;font-weight:700;transition:opacity .15s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}@media (max-width:700px){.timer{min-width:84px;padding:3px 10px;top:8px}.timer .t{font-size:24px}.mini canvas{width:96px;height:60px}.mini{top:8px;right:8px}.slots{bottom:16px}.slot{width:50px;height:50px}.slot .icon{width:32px;height:32px}.hint{font-size:12px;bottom:90px}.help{display:none}.quality{top:6px;left:8px}}body.touch .help{display:none}@media (max-height:500px){.help{display:none}.timer{top:6px}.timer .t{font-size:22px}.slots{bottom:12px}.slot{width:46px;height:46px}.slot .icon{width:30px;height:30px}.hint{bottom:76px}}.ghost-indicator{color:#f44;opacity:0;text-shadow:0 0 8px #ff3232cc,0 0 16px #ff000080;pointer-events:none;z-index:100;font-size:28px;font-weight:700;transition:opacity .15s;position:fixed;top:0;left:0}.audio-ctrl{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;bottom:8px;right:12px}.mute-btn{color:#dfe6ea;cursor:pointer;background:#080a0cd9;border:1px solid #59636a;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;display:flex}.mute-btn:hover{border-color:#8a949c}.vol-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:#59636a99;border-radius:3px;outline:none;width:80px;height:6px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#c9d1d6;border:2px solid #59636a;border-radius:50%;width:14px;height:14px}.vol-slider::-moz-range-thumb{cursor:pointer;background:#c9d1d6;border:2px solid #59636a;border-radius:50%;width:14px;height:14px}.breath-bar{opacity:0;background:#00000080;border:1px solid #39424a;border-radius:4px;width:120px;height:8px;transition:opacity .2s;position:absolute;bottom:92px;left:50%;overflow:hidden;transform:translate(-50%)}.breath-bar.visible{opacity:1}.breath-fill{background:linear-gradient(90deg,#4a8cd1 0%,#6ab4f7 100%);width:100%;height:100%;transition:width .1s linear}.breath-bar.holding .breath-fill{background:linear-gradient(90deg,#d14a4a 0%,#f76a6a 100%)}.breath-bar.cooldown .breath-fill{background:linear-gradient(90deg,#7a7a4a 0%,#a8a86a 100%)}@media (max-width:700px){.audio-ctrl{bottom:6px;right:6px}.vol-slider{width:60px}.mute-btn{width:28px;height:28px;font-size:14px}.breath-bar{width:100px;bottom:78px}}@media (max-height:500px){.audio-ctrl{bottom:4px}.breath-bar{bottom:64px}}.touch-ui{pointer-events:none;-webkit-touch-callout:none;position:absolute;top:0;bottom:0;left:0;right:0}.joy-base{width:120px;height:120px;left:calc(26px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));opacity:.45;pointer-events:none;background:#ffffff0d;border:2px solid #ffffff2e;border-radius:50%;transition:border-color .1s;position:absolute}.joy-base.on{opacity:1;bottom:auto}.joy-base.sneak{border-color:#78c8ff8c}.joy-base:after{content:"";border:1px dashed #ffffff1f;border-radius:50%;position:absolute;top:31px;bottom:31px;left:31px;right:31px}.joy-knob{background:#ffffff3d;border-radius:50%;width:44px;height:44px;position:absolute;top:36px;left:36px}.touch-pad{width:270px;height:250px;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;position:absolute}.tbtn{color:#dfe6ea;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0a0c0e9e;border:2px solid #ffffff52;border-radius:50%;padding:0;font:700 13px Courier New,monospace;display:none;position:absolute}.tbtn.show{justify-content:center;align-items:center;display:flex}.tbtn.down{background:#e1c88d59;border-color:#e1c88d}.tbtn .lbl{pointer-events:none;text-shadow:0 1px #000}.tb-dash{background:conic-gradient(#e1c88d47 calc(var(--cd,1) * 360deg), #0a0c0e9e 0);border-color:#ffffff73;width:100px;height:100px;font-size:15px;bottom:0;right:0}.tb-dash.cooling{color:#8a949c}.tb-act{color:#b8f5c2;border-color:#7ee08f;width:78px;height:78px;bottom:4px;right:112px}.tb-light{width:64px;height:64px;bottom:114px;right:16px}.tb-light.off{color:#6c767c;border-style:dashed}.tb-item1{width:58px;height:58px;font-size:11px;bottom:100px;right:100px}.tb-item2{width:54px;height:54px;font-size:11px;bottom:92px;right:186px}.tbtn.empty{color:#6c767c;border-style:dashed}.tb-sense{border-color:#ff7a7a;width:66px;height:66px;bottom:114px;right:16px}.tb-ult{border-color:#ff4a4a;width:62px;height:62px;bottom:100px;right:100px}.touch-ui[data-mode=hidden] .tb-hold{background:#1428468c;border:3px solid #6ab4f7b3;width:150px;height:150px;font-size:20px;bottom:0;right:0}.touch-ui[data-mode=hidden] .tb-hold.down{background:#d14a4a99;border-color:#f76a6a}.touch-ui[data-mode=hidden] .tb-act{bottom:6px;right:162px}.rotate-hint{top:calc(64px + env(safe-area-inset-top));color:#c9d1d6;white-space:nowrap;background:#0009;border:1px solid #39424a;padding:3px 10px;font-size:12px;display:none;position:absolute;left:50%;transform:translate(-50%)}body.touch .slots{display:none}body.touch .audio-ctrl{top:calc(26px + env(safe-area-inset-top));bottom:auto;left:calc(8px + env(safe-area-inset-left));right:auto}body.touch .hint{bottom:auto;top:calc(58px + env(safe-area-inset-top))}body.touch .breath-bar{bottom:auto;top:calc(88px + env(safe-area-inset-top))}@media (orientation:portrait){.rotate-hint{top:calc(100px + env(safe-area-inset-top));display:block}body.touch .hint{top:calc(130px + env(safe-area-inset-top))}body.touch .breath-bar{top:calc(160px + env(safe-area-inset-top))}.touch-pad{transform-origin:100% 100%;transform:scale(.88)}}@media (max-height:420px){.touch-pad{transform-origin:100% 100%;transform:scale(.86)}.joy-base{bottom:calc(14px + env(safe-area-inset-bottom))}}.aud-set-btn{color:#c9d1d6;cursor:pointer;background:#080a0cd9;border:1px solid #59636a;border-radius:4px;width:32px;height:32px;font-size:15px}.aud-panel{color:#c9d1d6;background:#080a0ceb;border:1px solid #59636a;border-radius:4px;flex-direction:column;gap:6px;width:210px;padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:40px;right:0}.aud-panel[hidden]{display:none}.aud-panel label{justify-content:space-between;align-items:center;gap:8px;display:flex}.aud-panel input[type=range]{width:110px}.aud-note{color:#e0a96d;font-size:11px;line-height:1.3;display:none}.sv5{pointer-events:none;color:#c9d1d6;flex-direction:column;gap:6px;font-size:12px;display:flex;position:absolute;top:96px;left:12px}.fear-bar{background:#080a0ccc;border:1px solid #59636a;border-radius:3px;width:120px;height:10px;display:none;position:relative;overflow:hidden}.fear-fill{background:linear-gradient(90deg,#6c5a9a,#a04ad1);width:0;height:100%;transition:width .2s}.fear-bar.high .fear-fill{background:linear-gradient(90deg,#b03a3a,#ff5a5a)}.fear-bar span{color:#fff;text-shadow:0 0 2px #000;font-size:9px;position:absolute;top:-1px;left:4px}.hide-timer,.sense-cd{background:#080a0ccc;border:1px solid #59636a;border-radius:3px;width:-moz-fit-content;width:fit-content;padding:2px 6px;display:none}.hide-timer.over{color:#ff6a6a;border-color:#b03a3a;animation:.6s infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}body.fear-high canvas{filter:saturate(.35)contrast(1.1)}