@font-face{font-family:Cabinet;src:url('/vendor/cabinet-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cabinet;src:url('/vendor/cabinet-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Cabinet;src:url('/vendor/cabinet-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:VALVEOracle;src:url('/vendor/cabinet-400.woff2') format('woff2');font-weight:400 500;font-display:block}
@font-face{font-family:VALVEOracle;src:url('/vendor/cabinet-700.woff2') format('woff2');font-weight:600 900;font-display:block}
@font-face{font-family:'Retail Text Demo';src:url('/vendor/cabinet-400.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Retail Text Demo';src:url('/vendor/cabinet-700.woff2') format('woff2');font-weight:700;font-display:block}
@property --df-scale-x{syntax:'<number>';inherits:false;initial-value:1}
@property --df-scale-y{syntax:'<number>';inherits:false;initial-value:1}
@property --df-rotate{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --df-transform{syntax:'<transform-list>';inherits:false;initial-value:translate(0px,0px)}
@property --df-wash{syntax:'<color>';inherits:false;initial-value:transparent}
@property --df-bg-opacity{syntax:'<number>';inherits:false;initial-value:1}
@property --df-shadow-x{syntax:'<length>';inherits:false;initial-value:0px}
@property --df-shadow-y{syntax:'<length>';inherits:false;initial-value:0px}
@property --df-shadow-blur{syntax:'<length>';inherits:false;initial-value:0px}
@property --df-shadow-color{syntax:'<color>';inherits:false;initial-value:transparent}
.pan{position:absolute;box-sizing:border-box;display:block;pointer-events:none;isolation:isolate;transform-origin:50% 50%;transform:var(--df-transform) scale(var(--df-scale-x),var(--df-scale-y)) rotate(var(--df-rotate));filter:drop-shadow(var(--df-shadow-x) var(--df-shadow-y) var(--df-shadow-blur) var(--df-shadow-color)) var(--df-wash-filter,brightness(1))}
.pan-text{position:absolute;display:inline-block;white-space:inherit;z-index:1}
.pan-background{position:absolute;inset:0;pointer-events:none;opacity:var(--df-bg-opacity)}
.filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.pan pan-panel,.pan pan-label{font-family:inherit}
:root{color-scheme:dark;--ink:#f3eee4;--muted:#bdc6cb;--panel:#151e24;--line:#49565d;--accent:#e8ba6c}
*{box-sizing:border-box}body{margin:0;background:#0d1216;color:var(--ink);font:14px Cabinet,'Segoe UI',sans-serif}main{width:100%;max-width:1800px;margin:auto;padding:18px}button,input,select,summary{font:inherit}button,select,summary{cursor:pointer}button,a,input,select,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button,a{color:inherit}button{border:0;background:transparent;padding:10px 12px;border-radius:6px}button:hover{background:#36444d}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none}input,select{background:#10191f;color:var(--ink);border:1px solid var(--line);border-radius:6px;min-height:36px;padding:7px 10px}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}
.stage{position:relative;width:100%;height:min(90vh,1000px);min-height:440px;overflow:hidden;border-radius:12px;background:#070b0e;touch-action:none;isolation:isolate;cursor:crosshair}.world{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none}.game-frame,.range-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.range-art{opacity:0}.anchor{position:absolute;left:0;top:0;width:0;height:0;isolation:isolate}
.toolbar,.bottom-bar{position:absolute;z-index:2000;display:flex;align-items:center;gap:12px;background:var(--panel);padding:9px 12px;border:1px solid var(--line);border-radius:9px;cursor:default}.toolbar{left:16px;top:16px;max-width:calc(100% - 32px);flex-wrap:wrap}.brand{font-size:14px;font-weight:800;margin-right:5px}.segment{display:flex;gap:2px;padding:3px;background:#0e171d;border-radius:7px}.segment button{font-size:12px;padding:8px 11px;min-height:34px;color:var(--muted)}.segment button[aria-pressed=true]{background:var(--accent);color:#172026;font-weight:800}#settings{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#type{max-width:205px;font-size:12px}.damage-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}#damage{width:80px;font-variant-numeric:tabular-nums}.options{position:relative}.options summary{list-style:none;padding:10px;font-size:12px;color:var(--muted)}.options summary::-webkit-details-marker{display:none}.options summary:hover{color:var(--ink)}.option-panel{position:absolute;top:calc(100% + 15px);right:0;min-width:205px;padding:16px;display:grid;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.option-panel>label{font-size:12px;color:var(--muted)}.option-panel select{display:block;width:100%;margin-top:7px}.check{display:flex;align-items:center;gap:8px}.bottom-bar{left:16px;right:16px;bottom:16px}.hint{font-size:12px;color:var(--muted);margin-right:4px}.fire{background:var(--accent);color:#172026;font-weight:800;min-width:65px}.fire:hover{background:#f4cf92}.download{margin-left:auto;font-size:12px;padding:10px}.download:hover{color:var(--accent)}.error{position:absolute;left:16px;bottom:90px;z-index:2100;background:#452a23;color:#ffe4d9;border-radius:8px;padding:14px;max-width:calc(100% - 32px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#e8ba6c;color:#172026}
.public-preview .pan-text{font-family:Cabinet,sans-serif!important}
.stage.screenshot .native-event-host.bullet_damage_new:not(.cumulative) #Value>.pan-text{transform:scale(1.15)}
.public-preview .stage.screenshot .native-event-host.bullet_damage_new #Value>.pan-text{font-weight:800!important}
@media(max-width:760px){main{padding:0}.stage{height:100svh;min-height:420px;border-radius:0}.toolbar{left:10px;top:10px;max-width:calc(100% - 20px);gap:8px;padding:10px}.brand{width:100%;font-size:13px}.segment button{padding:7px 9px}#settings{gap:8px}.damage-field{gap:5px}.damage-field span{font-size:11px}#type{max-width:165px}.bottom-bar{left:10px;right:10px;bottom:10px;gap:5px;padding:8px}.hint{font-size:11px;max-width:95px}.download{padding:8px 4px;font-size:11px}.option-panel{right:0;max-width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}