html,body{margin:0;padding:0;background:#080706;color:#d4a359;font-family:Courier New,Courier,monospace;overflow:hidden;width:100%;height:100%;-webkit-user-select:none;user-select:none}canvas{display:block;image-rendering:pixelated;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0003 50%);background-size:100% 2px;pointer-events:none;z-index:10}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;background:#050403bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-active{display:flex!important}.quake-menu-plaque{width:380px;padding:24px 28px;background:#231b14;border:4px solid #4a3828;box-shadow:inset 0 0 15px #000,0 0 25px #000000e6;display:flex;flex-direction:column;align-items:center;text-align:center}.plaque-title{font-size:28px;font-weight:700;color:#e8b058;text-shadow:2px 2px 0px #000,0 0 8px #a86c28;letter-spacing:3px;margin-bottom:24px;border-bottom:2px solid #4a3828;padding-bottom:8px;width:100%}.plaque-options{display:flex;flex-direction:column;gap:12px;width:100%}.plaque-item{font-size:18px;font-weight:700;color:#a88250;letter-spacing:2px;padding:10px 16px;background:#18120c;border:2px solid #36281c;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;gap:10px}.plaque-item .rune-cursor{color:#f30;font-size:14px;visibility:hidden}.plaque-item:hover,.plaque-item.active{color:#fff;background:#38281a;border-color:#e8b058}.plaque-item:hover .rune-cursor,.plaque-item.active .rune-cursor{visibility:visible}.sub-panel{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px}.panel-title{font-size:14px;color:#e8b058;letter-spacing:2px;margin-bottom:10px}.bind-row{display:flex;justify-content:space-between;font-size:12px;color:#b08c5c}.bind-key{color:#fff;font-weight:700;background:#120e08;padding:2px 6px;border:1px solid #4a3828}.panel-back{margin-top:14px;font-size:13px;color:#f40;cursor:pointer;font-weight:700}.panel-back:hover{color:#fff}#hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:0}.quake-hud-bar{width:100%;height:64px;background:#1a140f;border-top:3px solid #3a2a1d;box-shadow:inset 0 2px 8px #000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}.hud-box{display:flex;align-items:center;gap:12px;background:#0f0d0a;border:2px solid #2e2217;padding:6px 16px;height:44px}.hud-num{font-size:28px;font-weight:700;color:#e8b058;text-shadow:2px 2px 0px #000;letter-spacing:2px}.hud-icon{font-size:22px;color:#a83820}.hud-spacer{flex-grow:1}.hud-label{font-size:13px;font-weight:700;color:#887050;letter-spacing:1px}