:root{--red: #c8311e;--red-bright: #e84a38;--red-dark: #7a1a0c;--green: #4cbb5b;--gold: #e8c14a;--blue: #4a64c8;--box: rgba(0, 0, 0, .65);--box-border: rgba(255, 255, 255, .18);--text: #e8e8e8;--muted: #888;--font: "VT323", monospace;--font-display: "Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0c0e10;color:var(--text);font-family:var(--font);user-select:none}#game{position:fixed;inset:0}#game canvas{display:block}.hidden{display:none!important}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050608e0;z-index:20}.menu-card{background:#0e1013;border:2px solid #2c2f36;padding:36px 36px 28px;text-align:center;max-width:468px;width:92vw}.menu-card h1{font-family:var(--font-display);font-size:26px;line-height:1.3;color:var(--red-bright);text-shadow:3px 3px 0 #000;letter-spacing:1px}.tagline{color:var(--muted);margin:14px 0 22px;font-size:19px;line-height:1.2}#name-input{width:100%;padding:10px 12px;font-size:22px;font-family:var(--font);border:2px solid #2c2f36;background:#080a0c;color:var(--text);text-align:center;outline:none;display:block}#name-input::placeholder{color:#4a4a4a}#name-input:focus{border-color:var(--red)}#play-btn{width:100%;margin-top:10px;padding:12px;font-size:20px;font-family:var(--font-display);letter-spacing:2px;border:0;border-bottom:4px solid var(--red-dark);background:var(--red);color:#fff;cursor:pointer;text-shadow:2px 2px 0 #000;display:block}#play-btn:hover{background:var(--red-bright)}#play-btn:active{transform:translateY(3px);border-bottom-width:1px}#play-btn:disabled{opacity:.45;cursor:default}#guide-btn{width:100%;margin-top:8px;padding:10px;font-size:14px;font-family:var(--font-display);letter-spacing:2px;border:0;border-bottom:4px solid #1a3a5c;background:#1e4a78;color:#a8cef0;cursor:pointer;text-shadow:1px 1px 0 #000;display:block}#guide-btn:hover{background:#2460a0;color:#d0e8ff}#guide-btn:active{transform:translateY(3px);border-bottom-width:1px}#guide{z-index:30}.guide-card{background:#0e1013;border:2px solid #2c2f36;width:92vw;max-width:560px;max-height:88vh;display:flex;flex-direction:column}.guide-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid #1e2128;flex-shrink:0}.guide-title{font-family:var(--font-display);font-size:16px;letter-spacing:3px;color:var(--gold);text-shadow:2px 2px 0 #000}#guide-close{font-family:var(--font-display);font-size:8px;letter-spacing:2px;background:#1a1c21;border:2px solid #3a3e47;border-bottom:3px solid #0a0b0e;color:var(--muted);padding:6px 10px;cursor:pointer}#guide-close:hover{color:var(--text);border-color:#606470}#guide-close:active{transform:translateY(2px);border-bottom-width:1px}.guide-body{overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:18px}.guide-section{display:flex;flex-direction:column;gap:6px}.guide-section-title{font-family:var(--font-display);font-size:8px;letter-spacing:3px;color:var(--gold);padding-bottom:5px;border-bottom:1px solid #2c2f36}.guide-text{font-size:19px;color:var(--muted);line-height:1.3;margin:4px 0 2px}.hl-gold{color:var(--gold)}.hl-red{color:var(--red-bright)}.guide-rows{display:flex;flex-direction:column;gap:4px}.guide-row{display:flex;align-items:center;gap:10px;border:1px solid #1e2128;border-left:3px solid #2c2f36;padding:6px 10px;background:#ffffff05}.guide-key{flex:0 0 90px;font-family:var(--font-display);font-size:8px;letter-spacing:1px;color:var(--text);text-align:center;background:#17191e;border:1px solid #3a3e47;border-bottom:3px solid #0a0b0e;padding:5px 3px;white-space:nowrap;text-shadow:1px 1px 0 #000}.guide-key-red{color:var(--red-bright);border-color:var(--red)!important;border-bottom-color:var(--red-dark)!important}.guide-key-gold{color:var(--gold);border-color:#9e8230!important;border-bottom-color:#5a4b1a!important}.guide-key-blue{color:#7ab4f5;border-color:#1e4a78!important;border-bottom-color:#0d2540!important}.guide-key-green{color:var(--green);border-color:#2a6b36!important;border-bottom-color:#0f3319!important}.guide-val{font-family:var(--font);font-size:19px;color:var(--muted);line-height:1.2}.guide-val b{color:var(--text)}.howto{margin-top:22px}.howto-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.howto-head-line{flex:1;height:1px;background:#2c2f36}.howto-head-title{font-family:var(--font-display);font-size:8px;letter-spacing:3px;color:var(--gold)}.howto-grid{display:flex;flex-direction:column;gap:5px}.howto-row{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #2c2f36;border-left:3px solid var(--red);padding:7px 10px;background:#ffffff05}.howto-key{flex:0 0 88px;font-size:14px;color:#fff;text-align:center;background:#17191e;border:1px solid #3a3e47;border-bottom:3px solid #0a0b0e;padding:4px 2px;white-space:nowrap;text-shadow:1px 1px 0 #000}.howto-key i{color:var(--muted);font-style:normal}.howto-key.danger{color:var(--red-bright);border-color:var(--red);border-bottom-color:var(--red-dark)}.howto-key.gold{color:var(--gold);border-color:#9e8230;border-bottom-color:#5a4b1a}.howto-desc{font-size:18px;color:var(--muted);line-height:1.2}.howto-desc b{color:var(--text)}.howto-desc i{color:var(--gold);font-style:normal}#menu-status{margin-top:14px;color:var(--gold);font-size:18px;min-height:22px;text-shadow:1px 1px 0 #000}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-panel{position:absolute;background:var(--box);border:1px solid var(--box-border);padding:8px 12px}#minimap-wrap{position:absolute;top:12px;left:12px;border:1px solid var(--box-border);background:var(--box);line-height:0}#minimap{width:160px;height:160px;display:block}#minimap-label{line-height:1;text-align:center;font-family:var(--font-display);font-size:8px;letter-spacing:4px;color:var(--muted);padding:5px 0;border-top:1px solid var(--box-border)}#bounty{top:12px;left:50%;transform:translate(-50%);text-align:center;min-width:240px}#bounty-name{font-size:20px;color:var(--red-bright);text-shadow:1px 1px 0 #000}#bounty-name.searching{color:var(--muted);font-size:16px}#bounty-dist{font-size:18px;color:var(--muted);margin-top:2px}#time-wrap{top:12px;left:182px;width:162px;text-align:left;padding:7px 9px}.bar-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:5px}.bar-label span{font-family:var(--font);font-size:16px;letter-spacing:0;color:var(--text)}#time-bar,#stamina-bar{position:relative;width:100%;height:14px;background:#15171c;border:2px solid #000;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden}#time-fill,#stamina-fill{height:100%;width:100%}#time-bar:after,#stamina-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,0,0,.5) 6px 8px);pointer-events:none}#time-fill{background:var(--gold);transition:width 1s linear}#time-fill.night{background:var(--blue)}#score-wrap{top:12px;right:12px;width:200px;text-align:center;padding:6px 12px}.score-label{display:inline-block;font-family:var(--font-display);font-size:8px;letter-spacing:2px;color:var(--muted);margin-right:10px;vertical-align:middle}#score-val{display:inline-block;font-family:var(--font-display);font-size:14px;color:var(--gold);text-shadow:2px 2px 0 #000;vertical-align:middle}#leaderboard{top:58px;right:12px;width:200px}.lb-title{font-family:var(--font-display);font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:6px;border-bottom:1px solid var(--box-border);padding-bottom:4px}#lb-list{list-style:none;font-size:17px}#lb-list li{display:flex;justify-content:space-between;padding:1px 0}#lb-list li.me{color:var(--green);text-shadow:1px 1px 0 #000}#lb-list .lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}#lb-rank{margin-top:5px;padding-top:4px;border-top:1px solid var(--box-border);font-size:14px;color:var(--muted)}#stamina-wrap{top:72px;left:182px;width:162px;text-align:left;padding:7px 9px}#stamina-fill{background:var(--green);transition:width .25s linear}#stamina-fill.low{background:var(--red-bright)}#messages{position:absolute;bottom:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.msg-toast{background:var(--box);border:1px solid var(--box-border);padding:5px 12px;font-size:19px;text-shadow:1px 1px 0 #000;transition:opacity .4s;white-space:nowrap}#death{background:#040000e6;animation:deathVignette .7s ease-out both}.death-card{background:transparent;border:none;padding:0}.death-card h2{font-family:var(--font-display);color:var(--red-bright);font-size:36px;line-height:1.4;letter-spacing:2px;text-shadow:4px 4px 0 #000,-1px -1px 0 #000;animation:deathTextIn 1.8s cubic-bezier(.18,.7,.16,1) both}#death-killer{margin-top:24px;color:var(--text);font-size:24px;text-shadow:1px 1px 0 #000;animation:deathFadeUp .7s ease-out 1.1s both}.death-score{margin-top:12px;font-family:var(--font-display);font-size:8px;letter-spacing:2px;color:var(--muted);animation:deathFadeUp .7s ease-out 1.35s both}.death-score span{color:var(--gold);font-size:16px;text-shadow:2px 2px 0 #000;margin-left:8px;vertical-align:-2px}.death-hint{margin-top:28px;font-family:var(--font-display);font-size:8px;letter-spacing:3px;color:var(--muted);animation:deathPulse 1.4s ease-in-out 1.8s infinite}@keyframes deathVignette{0%{opacity:0}to{opacity:1}}@keyframes deathTextIn{0%{transform:scale(2.4);opacity:0}55%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes deathFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes deathPulse{0%,to{opacity:.3}50%{opacity:.9}}