.survivor-container{touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.survivor-canvas{aspect-ratio:390/844;max-width:100vw;max-height:100vh;image-rendering:pixelated;cursor:crosshair;border-radius:4px}.joystick-hint{pointer-events:none;z-index:5;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.joystick-base{background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.joystick-thumb{background:#ffffff40;border-radius:50%;width:28px;height:28px;transition:none}.hud{pointer-events:none;z-index:10;padding:8px 12px;position:absolute;top:0;left:0;right:0}.hud-top{justify-content:space-between;margin-bottom:4px;display:flex}.hud-stat{color:#fff;text-shadow:0 0 4px #000c;font-family:monospace;font-size:12px}.hud-bars{flex-direction:column;gap:2px;display:flex}.hud-bar-wrapper{align-items:center;gap:6px;display:flex}.hud-bar-label{text-align:center;width:20px;font-size:14px}.hud-bar-bg{background:#00000080;border:1px solid #fff3;border-radius:3px;flex:1;height:10px;overflow:hidden}.hud-bar-fill{border-radius:2px;height:100%;transition:width .2s}.hp-bar{background:linear-gradient(90deg,#f44,#f66)}.xp-bar{background:linear-gradient(90deg,#48f,#6af)}.hud-bar-val{color:#fff;text-align:right;text-shadow:0 0 4px #000c;min-width:60px;font-family:monospace;font-size:11px}.hud-affixes{flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 2px;display:flex}.hud-affix-tag{text-shadow:0 0 4px #000c;white-space:nowrap;background:#00000080;border:1px solid;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px}.upgrade-overlay{z-index:20;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.upgrade-title{color:#fd4;text-shadow:0 0 10px #ffdd4480;margin-bottom:4px;font-family:monospace;font-size:20px;font-weight:700}.upgrade-subtitle{color:#ccc;margin-bottom:16px;font-family:monospace;font-size:13px}.upgrade-cards{flex-direction:column;gap:8px;width:100%;max-width:300px;display:flex}.upgrade-card{color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:2px solid #ffffff26;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-family:monospace;transition:all .15s;display:flex}.upgrade-card:hover,.upgrade-card:active{background:#ffdd4426;border-color:#fd4;transform:scale(1.02)}.upgrade-icon{flex-shrink:0;font-size:28px}.upgrade-name{color:#fd4;font-size:15px;font-weight:700}.upgrade-desc{color:#aaa;font-size:12px}.gameover-overlay{z-index:20;color:#fff;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:monospace;display:flex;position:absolute;inset:0}.gameover-title{color:#f44;text-shadow:0 0 10px #ff444480;margin-bottom:8px;font-size:26px}.gameover-overlay p{margin:2px 0;font-size:15px}.restart-btn{color:#1a1a2e;cursor:pointer;background:#fd4;border:none;border-radius:6px;margin-top:16px;padding:12px 32px;font-family:monospace;font-size:16px;font-weight:700;transition:transform .1s}@keyframes pulse{0%{opacity:.7}to{opacity:1}}