html,body{touch-action:none;overscroll-behavior:none;color:#d8d4c8;-webkit-user-select:none;user-select:none;background:#141b33;margin:0;font-family:"Baloo 2",Arial Rounded MT Bold,Hiragino Maru Gothic ProN,Yu Gothic UI,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game-root{touch-action:none;background:#141b33;position:fixed;top:0;left:0;overflow:hidden}#play-bg{background:radial-gradient(at 50% 40%,#2a3550 0%,#141b33 70%)}#game-canvas{display:block;position:absolute}#hud{pointer-events:none;z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}#hud-counter{top:calc(10px + env(safe-area-inset-top));color:#7cff00;text-shadow:0 0 12px #7cff008c,0 2px #0009;letter-spacing:1px;font-size:26px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}#hud-counter.pop{animation:.6s ease-out counter-pop}@keyframes counter-pop{0%{transform:translate(-50%)scale(1)}30%{transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}#hud-bulbs{right:calc(14px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));background:#0a101a8c;border:1px solid #7cff0059;border-radius:12px;align-items:center;gap:5px;padding:6px 10px;display:flex;position:absolute}#hud-bulbs .bulb{opacity:.22;filter:grayscale();width:22px;height:22px}#hud-bulbs .bulb.on{opacity:1;filter:none}#hud-reserve{color:#7cff00;margin-left:4px;font-size:15px;font-weight:900}#hud-hints{left:calc(14px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));color:#d8d4c8bf;flex-direction:column;gap:4px;font-size:12px;display:flex;position:absolute}.hint-row{align-items:center;gap:6px;display:flex}.keycap{color:#d8d4c8;text-align:center;background:#0a101ab3;border:1px solid #d8d4c880;border-bottom-width:3px;border-radius:5px;min-width:20px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}#hud-dot{background:#d8d4c8e6;border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #000c}#hud-prompt{color:#7cff00;text-shadow:0 0 8px #7cff0099,0 2px #000000b3;font-size:18px;font-weight:900;position:absolute;top:56%;left:50%;transform:translate(-50%)}#hud-toasts{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(80%,560px);display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.toast{color:#d8d4c8;background:#0a101abf;border:1px solid #7cff0066;border-radius:10px;padding:8px 16px;font-size:15px;font-weight:700;animation:.25s ease-out toast-in}.toast.out{opacity:0;transition:opacity .4s}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}#hud-banner{letter-spacing:3px;color:#e8c33a;text-shadow:0 0 18px #e8c33a80,0 3px #0009;opacity:0;white-space:nowrap;font-size:34px;font-weight:900;transition:opacity .3s,transform .3s;position:absolute;top:20%;left:50%;transform:translate(-50%)scale(.9)}#hud-banner.on{opacity:1;transform:translate(-50%)scale(1)}#fx-vignette{pointer-events:none;background:radial-gradient(#0000 52%,#0508126b 100%);position:absolute;top:0;bottom:0;left:0;right:0}#fx-grain{opacity:.05;pointer-events:none;background-image:repeating-conic-gradient(#fff9 0 .6deg, transparent .6deg 1.7deg);background-size:7px 7px;animation:.28s steps(3,end) infinite grain-jitter;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain-jitter{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}#radar-frame{opacity:0;pointer-events:none;z-index:30;background:#0a1409;border:3px solid #2e4034;border-radius:18px;padding:14px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 30px #7cff0040,inset 0 0 24px #000c}#radar-frame.on{opacity:1;transform:translate(-50%,-50%)scale(1)}#radar-canvas{border-radius:8px;width:min(46vh,60vw);height:min(46vh,60vw);display:block}#ui-root{pointer-events:none;z-index:40;position:absolute;top:0;bottom:0;left:0;right:0}.screen{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.title-screen{background-position:50%;background-size:cover;flex-direction:column}.title-screen:before{content:"";background:linear-gradient(#141b3340 0%,#141b33c7 78%);position:absolute;top:0;bottom:0;left:0;right:0}.title-inner{flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:relative}.game-logo{letter-spacing:6px;color:#7cff00;text-shadow:0 0 24px #7cff0099,0 4px #0c1a06,0 8px 24px #000000b3;margin:0;font-size:clamp(44px,9vw,84px);font-weight:900}.tagline{color:#d8d4c8;text-shadow:0 2px 4px #000c;margin:0 0 14px;font-size:16px}.hint-foot{color:#d8d4c899;letter-spacing:2px;font-size:12px}.panel-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c18b8}.panel{background:#101626f2;border:2px solid #7cff0066;border-radius:18px;flex-direction:column;gap:12px;max-width:min(520px,100% - 28px);max-height:calc(100% - 28px);padding:26px 30px;display:flex;position:relative;overflow-y:auto}.panel h2,.panel h3{color:#7cff00;letter-spacing:2px;text-align:center;margin:0}.howto-line{margin:2px 0;font-size:14px;line-height:1.5}.btn-col{flex-direction:column;align-items:stretch;gap:10px;min-width:240px;display:flex}.btn-row{justify-content:center;gap:10px;display:flex}.btn{letter-spacing:1.5px;color:#d8d4c8;cursor:pointer;pointer-events:auto;background:#202a3ce6;border:2px solid #7cff0073;border-radius:12px;padding:12px 22px;font-family:inherit;font-size:17px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #7cff0040}.btn:active{transform:translateY(1px)}.btn.primary{color:#0c1a06;background:#7cff00;border-color:#7cff00}.btn.danger{color:#ff8a75;border-color:#c0392b}.btn.small{padding:8px 14px;font-size:13px}.btn.reward{color:#e8c33a;border-color:#e8c33a}.btn.key{padding:12px 0;font-size:20px}.intro-screen{background:#080c18e6;flex-direction:column;gap:18px}.intro-card{max-width:min(560px,100% - 28px)}.intro-text{margin:0;font-size:19px;line-height:1.65}.slider-row{justify-content:space-between;align-items:center;gap:14px;font-weight:700;display:flex}.slider-row input{accent-color:#7cff00;flex:1}.confirm-box{text-align:center;border-top:1px solid #7cff0040;flex-direction:column;gap:10px;padding-top:12px;display:flex}.death-screen{background:#000;flex-direction:column}.death-card{text-align:center;flex-direction:column;gap:10px;padding:20px;display:flex}.death-title{letter-spacing:10px;color:#b03a2e;text-shadow:0 0 30px #b03a2eb3;margin:0;font-size:clamp(48px,10vw,96px);animation:.4s ease-out death-slam}@keyframes death-slam{0%{opacity:0;transform:scale(2.4)}}.death-line{color:#d8d4c8;margin:0;font-size:17px}.death-count{color:#d8d4c88c;margin:0;font-size:14px}#scare-overlay{opacity:0;pointer-events:none;z-index:35;background:#000;transition:opacity 80ms;position:absolute;top:0;bottom:0;left:0;right:0}#scare-overlay:after{content:"";background:radial-gradient(circle,#0000 30%,#7800008c 75%,#000 100%);position:absolute;top:0;bottom:0;left:0;right:0}#scare-overlay.on{opacity:.42}#fade-layer{opacity:0;pointer-events:none;z-index:34;background:#000;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}#fade-layer.on{opacity:1}.ending-screen{background:#080c18d9}.stat-row{justify-content:space-between;gap:30px;margin:2px 0;font-size:16px;display:flex}.stat-row b{color:#7cff00}.rank{text-align:center;font-size:72px;font-weight:900;line-height:1}.rank-S{color:#e8c33a;text-shadow:0 0 24px #e8c33ab3}.rank-A{color:#7cff00}.rank-B{color:#8fa3c8}.rank-C{color:#6b6375}.new-record{color:#e8c33a;text-align:center;letter-spacing:3px;font-weight:900;animation:.8s ease-in-out infinite alternate counter-pop2}@keyframes counter-pop2{0%{transform:scale(1)}to{transform:scale(1.08)}}.modal{z-index:50;pointer-events:auto;background:#050810a6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.note-panel p{font-size:16px;line-height:1.7}.keypad-panel{align-items:center}.keypad-display{letter-spacing:10px;color:#7cff00;text-align:center;background:#0a1409;border:2px solid #7cff0080;border-radius:10px;min-width:200px;padding:6px 18px;font-size:34px;font-weight:900}.keypad-display.shake{color:#ff8a75;border-color:#c0392b;animation:.3s kp-shake}@keyframes kp-shake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}.keypad-grid{grid-template-columns:repeat(3,76px);justify-content:center;gap:8px;display:grid}#rotate-overlay{z-index:90;text-align:center;background:#141b33;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;font-size:18px;font-weight:700;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#rotate-overlay.on{display:flex}.rotate-icon{color:#7cff00;font-size:64px;animation:1.6s ease-in-out infinite rot-hint}@keyframes rot-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}#mi-overlay{z-index:25!important}#flash-fx{opacity:0;pointer-events:none;z-index:26;background:radial-gradient(circle at 62% 58%,#7cff00d9 0%,#7cff0059 40%,#0000 72%);position:absolute;top:0;bottom:0;left:0;right:0}#flash-fx.on{animation:.28s ease-out flash-pop}@keyframes flash-pop{0%{opacity:.95}to{opacity:0}}@media (max-height:500px){.panel{gap:8px;padding:14px 16px}.panel h2,.panel h3{font-size:17px}.keypad-grid{grid-template-columns:repeat(3,62px);gap:6px}.btn.key{padding:7px 0;font-size:16px}.keypad-display{letter-spacing:7px;min-width:150px;padding:3px 12px;font-size:24px}.howto-line{font-size:12px}.rank{font-size:46px}.title-inner{gap:6px}.game-logo{letter-spacing:4px;font-size:clamp(34px,7vw,60px)}.tagline{margin-bottom:6px;font-size:14px}.btn{padding:9px 18px;font-size:15px}}