.hud{position:fixed;top:14px;right:14px;z-index:20;padding:10px 14px;border-radius:10px;background:#0e121cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(120,150,200,.16);font-variant-numeric:tabular-nums;min-width:132px;box-shadow:0 6px 24px #00000059}.hud-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:12px;line-height:1.7}.hud-key{color:#6f7d96;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.hud-val{color:#e8edf6;font-weight:600;font-size:13px}.hud-sep{height:1px;margin:7px 0 5px;background:#7896c829}.hud-carnage-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#d98a6a;margin-bottom:2px;font-weight:700}.hud-carnage{color:#ffb37a}.dock{position:fixed;top:14px;left:14px;z-index:20;width:184px;padding:12px;border-radius:12px;background:#0e121cc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(120,150,200,.16);box-shadow:0 8px 30px #0006;display:flex;flex-direction:column;gap:6px}.dock-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6f7d96;margin-bottom:2px}.prop-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff08;color:#cdd6e6;font-size:13px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease}.prop-btn:hover{background:#5a82c829}.prop-btn:active{transform:translateY(1px)}.prop-btn.active{background:#2f6bff38;border-color:#508cff99;color:#fff}.prop-label{flex:1;text-align:left;font-weight:500}.hotkey{font-size:10px;color:#6f7d96;background:#ffffff0f;border-radius:4px;padding:1px 5px}.swatch{width:16px;height:16px;border-radius:4px;flex-shrink:0;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px 2px #ffffff40}.swatch-crate{background:#b9803f}.swatch-barrel{background:#4a6b8a}.swatch-plank{background:#c99a5b}.swatch-brick{background:#b04a36}.swatch-ball{background:radial-gradient(circle at 35% 30%,#fff,#c8cfdb 60%,#9aa3b2);border-radius:50%}.dock-title-sub{margin-top:8px;padding-top:8px;border-top:1px solid rgba(120,150,200,.12)}.struct-btn{background:#ffffff05}.swatch-struct-wall{background:repeating-linear-gradient(90deg,#b24a32 0 6px,#8e3b28 6px 7px),repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.35) 5px 6px);border-radius:3px}.swatch-struct-tower{background:repeating-linear-gradient(0deg,#bf8444 0 5px,#9c6a33 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,rgba(0,0,0,.3) 5px 6px);border-radius:3px}.swatch-struct-house{background:linear-gradient(180deg,#6a4630 0 40%,#cdc3ad 40% 100%);border-radius:3px 3px 2px 2px}.swatch-struct-spire{background:repeating-linear-gradient(0deg,#b24a32 0 4px,#8e3b28 4px 5px);border-radius:2px;width:9px;height:16px;margin:0 3.5px}.swatch-struct-bridge{background:linear-gradient(0deg,transparent 0 40%,#6a4630 40% 58%,transparent 58%),linear-gradient(90deg,#8e6a4a 0 18%,transparent 18% 82%,#8e6a4a 82% 100%);border-radius:2px}.swatch-struct-dominoes{background:repeating-linear-gradient(90deg,#2f6b8e 0 3px,transparent 3px 6px);border-radius:2px}.swatch-barrel-x{background:linear-gradient(0deg,transparent 0 18%,#1a1a1e 18% 26%,transparent 26% 74%,#1a1a1e 74% 82%,transparent 82%),linear-gradient(180deg,#e23b2a,#b1241a);border-radius:3px}.barrel-btn{border-color:#dc463240}.swatch-ragdoll{background:radial-gradient(circle at 50% 22%,#d8a07a 0 22%,transparent 23%),linear-gradient(180deg,transparent 0 28%,#7a8bd0 28% 70%,transparent 70%);border-radius:4px}.swatch-ragdoll-crowd{background:radial-gradient(circle at 30% 26%,#d8a07a 0 16%,transparent 17%),radial-gradient(circle at 70% 26%,#d8a07a 0 16%,transparent 17%),linear-gradient(180deg,transparent 0 32%,#c77b8a 32% 68%,transparent 68%);border-radius:4px}.dock-actions{display:flex;gap:6px;margin-top:4px}.action-btn{flex:1;padding:7px 8px;border-radius:8px;border:1px solid rgba(120,150,200,.18);background:#ffffff0a;color:#cdd6e6;font-size:12px;cursor:pointer;transition:background .12s ease,transform .05s ease}.action-btn:hover{background:#5a82c82e}.action-btn:active{transform:translateY(1px)}.toggle-btn{margin-top:2px;width:100%}.toggle-btn.off{color:#8a93a4;border-color:#7896c81a}.legend{margin-top:8px;padding-top:10px;border-top:1px solid rgba(120,150,200,.12);font-size:11px;line-height:1.85;color:#9aa6bd}.legend-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6f7d96;margin-bottom:4px}.legend b{color:#cdd6e6;font-weight:600}.legend-sub{color:#6f7d96;font-size:10px;line-height:1.6;margin-top:2px}.toolbar-wrap{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:22;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toolbar{display:flex;gap:8px;padding:8px;border-radius:14px;background:#0e121cd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(120,150,200,.18);box-shadow:0 10px 36px #00000080;pointer-events:auto}.tool-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:84px;height:70px;padding:8px 6px 6px;border-radius:10px;border:1px solid transparent;background:#ffffff08;color:#aeb8cc;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .06s ease}.tool-btn:hover{background:#5a82c829;color:#e3e9f5}.tool-btn:active{transform:translateY(1px)}.tool-btn.active{background:linear-gradient(180deg,#2f6bff47,#2f6bff24);border-color:#5a96ffb3;color:#fff;box-shadow:0 0 0 1px #5a96ff40 inset,0 4px 18px #285adc59}.tool-glyph{width:26px;height:26px;display:block}.tool-glyph svg{width:100%;height:100%;display:block}.tool-name{font-size:10.5px;font-weight:600;letter-spacing:.01em;line-height:1.1;text-align:center}.tool-key{position:absolute;top:4px;right:5px;font-size:9px;font-weight:700;color:#8493ad;background:#ffffff12;border-radius:4px;padding:1px 4px;line-height:1.2}.tool-btn.active .tool-key{color:#cfe0ff;background:#5a96ff40}.tool-tip{font-size:11.5px;color:#9aa6bd;background:#0e121cb8;border:1px solid rgba(120,150,200,.12);border-radius:8px;padding:5px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;max-width:80vw;text-align:center}.dock.tool-hidden{opacity:0;pointer-events:none;transform:translate(-12px);transition:opacity .18s ease,transform .18s ease}.dock{transition:opacity .18s ease,transform .18s ease}.app-aim canvas{cursor:crosshair}.crosshair{position:fixed;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;z-index:15;pointer-events:none;opacity:0;transition:opacity .2s ease}.crosshair.show{opacity:.7}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#b4d2ffe6}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{top:8px;left:0;height:2px;width:18px}.slowmo-badge{position:fixed;left:50%;top:18px;transform:translate(-50%) translateY(-8px);z-index:24;display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:#142850b3;border:1px solid rgba(120,180,255,.5);color:#cfe2ff;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 24px #285adc59;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.slowmo-badge.show{opacity:1;transform:translate(-50%) translateY(0)}.slowmo-dot{width:9px;height:9px;border-radius:50%;background:#7fb8ff;box-shadow:0 0 8px #7fb8ff;animation:slowmo-pulse 1.4s ease-in-out infinite}@keyframes slowmo-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.slowmo-vignette{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:0;box-shadow:inset 0 0 220px #285ac847;transition:opacity .25s ease}.slowmo-vignette.show{opacity:1}.reset-btn{border-color:#dc825a4d;color:#e7c3ad}.reset-btn:hover{background:#dc824633}.slowmo-btn.active{background:linear-gradient(180deg,#3c82ff4d,#3c82ff24);border-color:#78b4ff99;color:#dceaff}.mutators{position:fixed;right:14px;bottom:14px;z-index:21;width:212px;border-radius:12px;background:#0e121cd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(120,150,200,.16);box-shadow:0 8px 30px #0006;overflow:hidden}.mutators-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;background:#ffffff08;border:none;cursor:pointer;color:#cdd6e6}.mutators-header:hover{background:#5a82c824}.mutators-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#b48ad9;font-weight:700}.mutators-caret{font-size:11px;color:#6f7d96;transition:transform .18s ease}.mutators.collapsed .mutators-caret{transform:rotate(-90deg)}.mutators-body{display:flex;flex-direction:column;gap:5px;padding:10px 12px 12px;max-height:340px;transition:max-height .2s ease,padding .2s ease,opacity .18s ease;overflow:hidden}.mutators.collapsed .mutators-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.mutators-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6f7d96;margin-top:4px}.mutators-seg{display:flex;gap:4px}.seg-btn{flex:1;padding:5px 2px;border-radius:6px;border:1px solid rgba(120,150,200,.16);background:#ffffff08;color:#aeb8cc;font-size:10px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.seg-btn:hover{background:#5a82c829}.seg-btn.active{background:linear-gradient(180deg,#9664e652,#9664e629);border-color:#aa78f099;color:#f0e6ff}.mutators-slabel{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:#aeb8cc;margin-top:6px}.mutators-sval{color:#cdd6e6;font-weight:600;font-variant-numeric:tabular-nums;font-size:11px}.mutators-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:#7896c838;outline:none;cursor:pointer}.mutators-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#b48ad9;border:1px solid rgba(0,0,0,.4);box-shadow:0 1px 3px #00000080}.mutators-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#b48ad9;border:1px solid rgba(0,0,0,.4)}
