*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{background-color:#05030a;color:#fff;font-family:"Press Start 2P",DotGothic16,monospace;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}#game-container{position:relative;width:960px;height:640px;background-color:#000;box-shadow:0 0 40px #b432ff59,0 0 100px #000000e6;border:4px solid #3b205a;border-radius:8px;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(#12101000 50%,#00000059 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,6px 100%;z-index:10;opacity:.85}#vhs-glitch{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 0 90px #0a0019cc;z-index:11;transition:background-color .1s}#vhs-glitch.flashing{background-color:#ff003c4d}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}#hud{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;background:#0a0814d9;border:2px solid #58338a;padding:8px 14px;border-radius:4px;pointer-events:auto;text-shadow:2px 2px #000}.hud-left,.hud-right{display:flex;align-items:center;gap:14px}.hud-center{color:#f7d547;font-weight:700}.hp-bar-bg{width:90px;height:12px;background:#c00000;border:1px solid #fff;display:inline-block;vertical-align:middle}#hud-hp-fill{height:100%;background:#ff0;transition:width .15s ease-out}#btn-menu,#btn-sound,.hud-diff-btn{background:#25123d;color:#fff;border:1px solid #9b51e0;font-family:inherit;font-size:10px;padding:4px 8px;cursor:pointer;border-radius:3px;transition:all .2s}.hud-diff-btn{font-weight:700;border-color:#38bdf8;color:#38bdf8;text-shadow:0 0 4px rgba(56,189,248,.5)}.hud-diff-btn:hover{background:#3b185f;transform:scale(1.05)}#btn-menu:hover,#btn-sound:hover{background:#58338a;border-color:gold}.diff-card{padding:10px;margin-bottom:8px;border:2px solid #332244;border-radius:4px;background:#140a23cc;cursor:pointer;transition:all .2s}.diff-card:hover{border-color:gold;background:#2d144be6}.diff-card.active{border-color:#0fc;box-shadow:0 0 10px #0fc6}#dialogue-box{position:absolute;bottom:24px;left:36px;right:36px;height:140px;background:#000;border:4px solid #fff;border-radius:6px;display:flex;padding:16px;gap:16px;pointer-events:auto;box-shadow:0 0 20px #fff3}#dialogue-box.hidden{display:none}#dialogue-avatar{width:100px;height:100px;border:2px solid #555;background-size:cover;background-position:center;image-rendering:pixelated;flex-shrink:0;display:none}#dialogue-text-container{flex:1;display:flex;flex-direction:column}#dialogue-name{font-size:13px;color:gold;margin-bottom:8px}#dialogue-text{font-size:12px;line-height:1.8;color:#fff;white-space:pre-wrap;word-break:keep-all}#dialogue-prompt{position:absolute;bottom:8px;right:14px;font-size:9px;color:#aaa;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:30}.modal.hidden{display:none}.modal-box{width:600px;background:#0d0818;border:4px solid #ff0055;box-shadow:0 0 30px #ff005580;padding:24px;border-radius:6px;color:#fff}.pixel-title{font-size:14px;text-align:center;color:#0fc;margin-bottom:16px;text-shadow:2px 2px #ff0055}.menu-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #442266;padding-bottom:8px}.menu-tab{background:#1b122c;color:#aaa;border:1px solid #442266;padding:6px 12px;font-family:inherit;font-size:10px;cursor:pointer}.menu-tab.active{background:#f05;color:#fff;border-color:#fff}.tab-pane{min-height:180px;max-height:260px;overflow-y:auto;font-size:11px;line-height:1.8}.modal-footer{margin-top:16px;text-align:right}#btn-close-menu{background:#25123d;color:#fff;border:2px solid #fff;padding:6px 16px;font-family:inherit;font-size:10px;cursor:pointer}#btn-close-menu:hover{background:#f05}.save-slot-card{border:2px solid #442266;padding:10px;margin-bottom:10px;background:#130c24;display:flex;justify-content:space-between;align-items:center}.save-slot-card:hover{border-color:#0fc}.save-actions button{background:#3b205a;color:#fff;border:1px solid #9b51e0;padding:4px 8px;font-family:inherit;font-size:9px;cursor:pointer;margin-left:6px}.save-actions button:hover{background:#f05}#controls-hint{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;color:#777;letter-spacing:.5px}#intro-modal{z-index:100;background:#030108f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.intro-box{width:580px;background:#090314;border:4px solid #fff;border-radius:8px;padding:24px;box-shadow:0 0 35px #a855f799,inset 0 0 20px #000c;text-align:center;animation:introPulse 4s infinite alternate}@keyframes introPulse{0%{border-color:#fff;box-shadow:0 0 25px #a855f780}50%{border-color:gold;box-shadow:0 0 35px #f059}to{border-color:#0fc;box-shadow:0 0 25px #00ffcc80}}.intro-vhs-header{font-size:9px;color:#f05;letter-spacing:2px;margin-bottom:12px;text-shadow:0 0 5px #ff0055}.intro-title{font-size:18px;color:gold;margin-bottom:8px;letter-spacing:1px;text-shadow:2px 2px 0 #3b0764,0 0 10px rgba(255,215,0,.5)}.intro-subtitle{font-size:11px;color:#f1f5f9;line-height:1.6;margin-bottom:16px}.name-input-wrapper{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.name-cursor{color:#f05;font-size:18px;animation:blink .8s infinite}#player-name-input{background:#000;border:3px solid #ffd700;color:#0fc;font-family:inherit;font-size:18px;padding:8px 16px;text-align:center;letter-spacing:3px;width:240px;outline:none;border-radius:4px;box-shadow:0 0 12px #0fc6}#player-name-input:focus{border-color:#f05;box-shadow:0 0 18px #f059}.intro-diff-section{background:#140a23d9;border:2px solid #332244;border-radius:6px;padding:12px;margin-bottom:20px}.intro-diff-label{font-size:10px;color:gold;margin-bottom:10px;text-align:left}.intro-diff-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}.intro-diff-btn{background:#190c2e;border:2px solid #4a2875;color:#cbd5e1;padding:8px 4px;font-family:inherit;cursor:pointer;border-radius:4px;transition:all .2s;line-height:1.4}.intro-diff-btn:hover{border-color:gold;background:#2e1254}.intro-diff-btn.active[data-diff=EASY]{border-color:#22c55e;background:#0f381c;color:#4ade80;box-shadow:0 0 10px #22c55e80}.intro-diff-btn.active[data-diff=NORMAL]{border-color:#38bdf8;background:#0c334d;color:#7dd3fc;box-shadow:0 0 10px #38bdf880}.intro-diff-btn.active[data-diff=HARD]{border-color:#ef4444;background:#450a0a;color:#f87171;box-shadow:0 0 10px #ef444499}.intro-diff-desc{font-size:9px;color:#94a3b8;min-height:24px;line-height:1.4}.intro-start-btn{background:#581c87;color:#fff;border:3px solid #ffd700;padding:12px 28px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;border-radius:6px;transition:all .2s;box-shadow:0 0 15px #ffd70066}.intro-start-btn:hover{background:#f05;border-color:#fff;transform:scale(1.04);box-shadow:0 0 25px #ff0055b3}