*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:GameMono;src:local("Noto Sans Mono CJK SC"),local("Source Han Mono SC"),local("Menlo"),local("Consolas")}:root{--bg: #0a0a0f;--wall: #2a3a2a;--lane: #111318;--player: #00ff88;--player-injured: #88cc44;--hunter: #ff2244;--cipher: #ffaa00;--window-color: #6688ff;--pallet: #aa8855;--gate: #ffffff;--fire: #ff6600;--obstacle: #666666;--hud-text: #ccddcc;--heartbeat: #ff0000;--surface: #0e0e13;--surface-low: #131319;--surface-high: #1f1f26}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:GameMono,Noto Sans Mono CJK SC,Courier New,Fira Code,monospace;color:var(--hud-text);cursor:default;user-select:none;-webkit-user-select:none;touch-action:manipulation}#game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--bg)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hidden{display:none!important}.matrix-rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.matrix-col{position:absolute;top:-100%;font-size:16px;line-height:1.2;color:var(--wall);opacity:.12;animation:rain-fall linear infinite;white-space:nowrap;writing-mode:vertical-rl}@keyframes rain-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.start-frame{position:relative;z-index:1;border:2px solid var(--wall);padding:48px 64px;background:#0a0a0fd9;text-align:center}.start-title{font-size:64px;font-weight:900;color:var(--player);text-shadow:0 0 20px var(--player),0 0 60px rgba(0,255,136,.3);letter-spacing:12px;margin-bottom:8px}.start-subtitle{font-size:14px;letter-spacing:8px;color:#4a5a4a;margin-bottom:40px}.start-btn{display:block;font-size:22px;padding:10px 0;background:none;border:none;font-family:inherit;cursor:pointer;transition:text-shadow .2s,transform .1s}.start-btn:hover{transform:scale(1.05)}.start-btn.primary{color:var(--player);text-shadow:0 0 10px var(--player)}.start-btn.secondary{color:var(--hud-text)}.start-btn.secondary:hover{color:#fff;text-shadow:0 0 8px #fff}.level-select{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.level-btn{font-family:inherit;font-size:14px;padding:6px 14px;background:var(--surface-high);border:1px solid var(--wall);color:var(--hud-text);cursor:pointer;transition:border-color .2s,color .2s}.level-btn:hover:not(.locked){border-color:var(--player);color:var(--player)}.level-btn.locked{opacity:.35;cursor:not-allowed}.start-hint{margin-top:36px;font-size:12px;color:#4a5a4a;letter-spacing:2px}.select-title{font-size:28px;letter-spacing:8px;color:var(--hud-text);margin-bottom:40px;position:relative;z-index:1}.select-cards{display:flex;gap:32px;position:relative;z-index:1}.select-card{width:220px;padding:32px 24px;background:var(--surface-low);border:1px solid var(--wall);text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select-card:hover,.select-card.active{border-color:var(--player);box-shadow:0 0 30px #00ff8826}.select-card .char{font-size:72px;font-weight:900;color:var(--player);text-shadow:0 0 20px var(--player);line-height:1.1;transition:text-shadow .2s}.select-card.active .char{text-shadow:0 0 40px var(--player),0 0 80px rgba(0,255,136,.4)}.select-card .name{font-size:18px;margin:12px 0 8px;color:#fff;letter-spacing:4px}.select-card .divider{width:40px;height:2px;background:var(--player);margin:8px auto 12px}.select-card .skill{font-size:13px;color:var(--player);line-height:1.6}.select-card .skill-secondary{color:#acaab1}.select-key{margin-top:12px;font-size:14px;color:var(--player);letter-spacing:2px}.select-hint{margin-top:32px;font-size:13px;color:#4a5a4a;letter-spacing:2px;position:relative;z-index:1}#screen-help{background:#0a0a0fe0;z-index:100}.help-panel{width:520px;max-width:90vw;border:1px solid var(--wall);background:var(--surface);padding:36px 40px;position:relative}.help-close{position:absolute;top:12px;right:16px;font-size:24px;background:none;border:none;color:var(--hud-text);cursor:pointer;font-family:inherit}.help-close:hover{color:#fff}.help-title{font-size:24px;text-align:center;letter-spacing:6px;margin-bottom:28px}.help-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.help-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;background:var(--surface-high);flex-shrink:0}.help-icon.gate{color:var(--gate)}.help-icon.player{color:var(--player)}.help-icon.hunter{color:var(--hunter)}.help-icon.pallet{color:var(--pallet)}.help-label{font-size:15px;color:var(--cipher);margin-bottom:4px}.help-desc{font-size:13px;color:#acaab1;line-height:1.6}.help-bottom{text-align:center;margin-top:8px;font-size:12px;color:#4a5a4a}#game-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#hud{position:absolute;top:0;left:0;right:0;height:44px;background:#0a0a0fbf;display:flex;align-items:center;padding:0 24px;gap:28px;font-size:14px;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-group{display:flex;align-items:center;gap:6px}.hud-label{color:#6a6a7a}.hud-hp{display:flex;gap:3px}.hud-hp-block{width:18px;height:12px;background:var(--hunter);transition:opacity .3s}.hud-hp-block.lost{opacity:.15}.hud-stamina-bar{width:100px;height:8px;background:var(--surface-high);position:relative}.hud-stamina-fill{height:100%;background:var(--player);transition:width .1s}.hud-pallets{color:var(--pallet)}.hud-level{color:#6a6a7a}.hud-countdown{margin-left:auto;font-size:16px;font-weight:700;color:var(--cipher);letter-spacing:2px}.hud-countdown.urgent{color:var(--hunter);animation:blink .5s infinite alternate}.hud-countdown.open{color:var(--player);text-shadow:0 0 8px var(--player);animation:none}#game-world{position:absolute;top:44px;left:0;right:0;bottom:32px;overflow:hidden;background:var(--surface)}#bottom-bar{position:absolute;bottom:0;left:0;right:0;height:32px;background:#0a0a0fbf;display:flex;align-items:center;padding:0 24px;font-size:12px;color:#4a5a4a;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-walls{position:absolute;top:0;left:0;margin:0;padding:0;font-family:inherit;font-size:20px;line-height:20px;letter-spacing:0;color:var(--wall);opacity:.85;pointer-events:none;white-space:pre;animation:wall-breathe 6s infinite ease-in-out}#map-container{position:absolute;will-change:transform}.entity{position:absolute;font-family:inherit;white-space:nowrap;pointer-events:none;line-height:1}.entity-player{font-size:28px;font-weight:900;color:var(--player);text-shadow:0 0 12px var(--player),0 0 30px rgba(0,255,136,.3);z-index:10;transition:color .3s}.entity-player.injured{color:var(--player-injured);text-shadow:0 0 10px var(--player-injured)}.entity-player.invincible{animation:blink .15s infinite alternate}.entity-hunter{font-size:28px;font-weight:900;color:var(--hunter);text-shadow:0 0 15px var(--hunter),0 0 40px rgba(255,34,68,.4);z-index:10}.entity-hunter.enraged{text-shadow:0 0 20px var(--hunter),0 0 55px rgba(255,34,68,.65),0 0 90px rgba(255,34,68,.25);animation:hunter-fury .8s infinite alternate}.entity-hunter.lunging{transform:scale(1.08)}.entity-hunter.stunned{opacity:.7}.entity-window{font-size:20px;font-weight:700;color:var(--window-color);text-shadow:0 0 8px rgba(102,136,255,.4)}.entity-obstacle{font-size:18px;color:var(--obstacle)}.entity-pallet{font-size:18px;font-weight:700;color:var(--pallet)}.entity-gate{font-size:56px;font-weight:900;z-index:10}.entity-gate.locked{color:#678;text-shadow:0 0 8px rgba(102,119,136,.3);opacity:.7}.entity-gate.open{color:var(--gate);text-shadow:0 0 30px #fff,0 0 60px rgba(255,255,255,.5),0 0 100px rgba(255,255,255,.2);opacity:1}.entity-fire{font-size:20px;font-weight:700;color:var(--fire);text-shadow:0 0 10px var(--fire)}.entity-stun{font-size:16px;color:var(--cipher);animation:stun-spin .6s infinite linear}.entity-trail{font-size:28px;font-weight:900;pointer-events:none;transition:opacity .15s}#heartbeat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 50%,var(--heartbeat) 150%);opacity:0;transition:opacity .15s}#hurt-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:16;background:var(--heartbeat);opacity:0;transition:opacity .15s}@keyframes blink{0%{opacity:1}to{opacity:.3}}@keyframes stun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gate-glow{0%,to{text-shadow:0 0 30px #fff,0 0 60px rgba(255,255,255,.5)}50%{text-shadow:0 0 50px #fff,0 0 100px rgba(255,255,255,.7),0 0 150px rgba(255,255,255,.3)}}.entity-gate.open{animation:gate-glow 2s infinite ease-in-out}@keyframes wall-breathe{0%,to{opacity:.85}50%{opacity:.7}}.wall-breathe{animation:wall-breathe 4s infinite ease-in-out}.result-icon{font-size:96px;font-weight:900;line-height:1;margin-bottom:12px}.result-icon.victory{color:var(--gate);text-shadow:0 0 40px #fff,0 0 80px rgba(255,255,255,.5)}.result-icon.defeat{color:var(--hunter);text-shadow:0 0 40px var(--hunter),0 0 80px rgba(255,34,68,.5);animation:heartbeat-pulse 1.2s infinite}@keyframes heartbeat-pulse{0%,to{text-shadow:0 0 40px var(--hunter)}50%{text-shadow:0 0 60px var(--hunter),0 0 100px rgba(255,34,68,.6)}}@keyframes hunter-fury{0%{filter:saturate(1)}to{filter:saturate(1.35) brightness(1.05)}}.result-title{font-size:42px;font-weight:900;letter-spacing:8px;margin-bottom:32px}.result-title.victory{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.result-title.defeat{color:var(--hunter);text-shadow:0 0 20px rgba(255,34,68,.5)}.result-stats{border:1px solid var(--wall);padding:24px 40px;background:var(--surface-low);min-width:320px;margin-bottom:36px}.result-stat{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}.result-stat .label{color:#acaab1}.result-stat .value{color:var(--hud-text)}.result-stat .value.highlight{color:var(--player)}.result-stat .value.danger{color:var(--hunter)}.result-buttons{display:flex;gap:32px}.result-btn{font-size:18px;padding:8px 16px;background:none;border:none;font-family:inherit;cursor:pointer}.result-btn.primary{color:var(--player);text-shadow:0 0 8px var(--player)}.result-btn.secondary{color:var(--hud-text)}.result-btn:hover{transform:scale(1.05)}#pause-overlay{background:#0a0a0fe0;z-index:50}.pause-frame{border:2px solid var(--wall);padding:48px 64px;background:#0a0a0fd9;text-align:center}.pause-title{font-size:48px;font-weight:900;color:var(--hud-text);letter-spacing:12px;margin-bottom:32px}.touch-overlay{position:absolute;top:44px;right:0;bottom:32px;left:0;z-index:30;pointer-events:none}.touch-joy-zone{position:absolute;left:0;top:0;width:45%;height:100%;pointer-events:auto;touch-action:none}.touch-joy-base{position:absolute;width:104px;height:104px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);pointer-events:none;z-index:31}.touch-joy-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#00ff8840;border:2px solid rgba(0,255,136,.45)}.touch-btns{position:absolute;right:16px;bottom:20px;display:flex;gap:10px;align-items:flex-end;pointer-events:auto}.touch-btn{border-radius:50%;background:#ffffff12;border:2px solid rgba(255,255,255,.18);color:var(--hud-text);font-family:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .1s,border-color .1s}.touch-btn.active{background:#00ff8826;border-color:var(--player);color:var(--player)}.touch-btn-sm{width:52px;height:52px;font-size:17px}.touch-btn-lg{width:64px;height:64px;font-size:20px}.touch-btn-pause{position:absolute;top:8px;right:12px;width:34px;height:34px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--hud-text);font-family:inherit;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}@media(max-width:640px){.start-title{font-size:36px;letter-spacing:6px}.start-subtitle{font-size:10px;letter-spacing:4px;margin-bottom:24px}.start-frame{padding:28px 24px}.start-btn{font-size:18px}.start-hint{font-size:10px}.level-select{flex-wrap:wrap;gap:8px}.level-btn{font-size:12px;padding:5px 10px}.select-title{font-size:18px;letter-spacing:4px;margin-bottom:20px}.select-cards{flex-direction:column;gap:14px;align-items:center}.select-card{width:75vw;max-width:260px;padding:18px 16px}.select-card .char{font-size:42px}.select-card .name{font-size:15px;margin:6px 0 4px}.select-card .skill{font-size:12px}.select-hint{font-size:11px;margin-top:16px}.help-panel{padding:24px 20px;width:92vw}.help-title{font-size:18px;margin-bottom:20px}.help-row{gap:12px;margin-bottom:16px}.help-icon{width:36px;height:36px;font-size:22px}.help-desc{font-size:12px}.result-icon{font-size:64px}.result-title{font-size:26px;letter-spacing:4px;margin-bottom:20px}.result-stats{min-width:unset;width:85vw;padding:16px 20px;margin-bottom:24px}.result-stat{font-size:13px}.result-buttons{gap:20px}.result-btn{font-size:16px}.pause-frame{padding:32px 28px}.pause-title{font-size:32px;letter-spacing:8px;margin-bottom:24px}#hud{height:36px;padding:0 12px;gap:14px;font-size:12px}#bottom-bar{height:24px;font-size:10px;padding:0 12px}#game-world{top:36px;bottom:24px}.touch-overlay{top:36px;right:0;bottom:24px;left:0}}