*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#0a0e16;width:100%;height:100%;font-family:SF Mono,PingFang SC,Microsoft YaHei,Menlo,monospace;overflow:hidden}#game-canvas{display:block;position:fixed;inset:0}#hud{pointer-events:none;color:#e5ecff;position:fixed;inset:0}#hud-top{align-items:center;gap:14px;display:flex;position:absolute;top:16px;left:16px}#health-bar{background:#00000073;border:1px solid #ffffff59;border-radius:4px;width:220px;height:20px;position:relative;overflow:hidden}#health-fill{background:linear-gradient(90deg,#35d07f,#7ce38b);width:100%;height:100%;transition:width .15s ease-out}#health-fill.low{background:linear-gradient(90deg,#e0413c,#ff7a5c)}#health-text{text-shadow:0 1px 2px #000000e6;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.stat-box{background:#00000073;border:1px solid #ffffff40;border-radius:4px;padding:4px 12px;font-size:14px}.stat-box span{color:#ffd166;font-weight:700}#crosshair{mix-blend-mode:difference;width:0;height:0;position:absolute;top:50%;left:50%}#crosshair span{background:#fff;position:absolute}#crosshair .h{width:18px;height:2px;top:-1px;left:-9px}#crosshair .v{width:2px;height:18px;top:-9px;left:-1px}#toast{color:#ffd166;letter-spacing:2px;opacity:0;white-space:nowrap;background:#0a0e16bf;border:1px solid #ffd16680;border-radius:6px;padding:8px 22px;font-size:20px;transition:opacity .25s ease-out;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#hint{color:#e5ecffa6;text-shadow:0 1px 2px #000c;font-size:12px;position:absolute;bottom:14px;left:16px}#vignette{opacity:0;background:radial-gradient(#f000 55%,#ff1e1480 100%);position:absolute;inset:0}#vignette.flash{animation:.45s ease-out dmg-flash}@keyframes dmg-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#05080eb8;justify-content:center;align-items:center;transition:opacity .2s ease-out;display:flex;position:absolute;inset:0}#overlay.visible{opacity:1;pointer-events:auto}#overlay-panel{text-align:center;background:#0c111ce6;border:1px solid #ffffff2e;border-radius:10px;padding:36px 56px}#overlay-title{letter-spacing:6px;color:#ffd166;margin-bottom:14px;font-size:34px}#overlay-desc{color:#e5ecffcc;white-space:pre-line;margin-bottom:22px;font-size:14px;line-height:1.9}#overlay-btn{pointer-events:auto;letter-spacing:3px;color:#0a0e16;cursor:pointer;background:#ffd166;border:none;border-radius:6px;padding:10px 34px;font-family:inherit;font-size:16px}#overlay-btn:hover{background:#ffe08a}