:root{color-scheme:dark;--ink: #0d1114;--concrete-900: #161b1f;--concrete-800: #1c2226;--concrete-700: #252c31;--concrete-600: #333b42;--concrete-400: #48525a;--rust: #b4582a;--rust-bright: #d66f37;--brass: #d9a441;--brass-bright: #f0c56b;--bone: #e8e2d8;--bone-dim: #a89f92;--danger: #c8442b;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: "Archivo", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#game{position:fixed;inset:0;display:block;width:100vw;height:100vh}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui input,#ui button{pointer-events:auto}.hud-layer{position:absolute;inset:0;font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 1px 0 rgba(0,0,0,.65)}.hud-top{position:absolute;top:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px}.hud-timer{font-size:34px;font-weight:600;color:var(--bone);font-variant-numeric:tabular-nums;padding:2px 14px;border-bottom:2px solid var(--rust);background:linear-gradient(180deg,#0d11148c,#0d111400)}.hud-score{font-size:22px;color:var(--bone-dim);display:flex;gap:6px;align-items:baseline}.hud-score span:first-child{color:var(--brass-bright);font-size:26px}.hud-sep{opacity:.4}.hud-feed{position:absolute;top:84px;right:28px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:15px}.hud-waiting{position:absolute;top:118px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:4px;padding:10px 22px;text-align:center;background:#0d1114b8;border:1px solid rgba(217,164,65,.35)}.hud-waiting.visible{display:flex}.hud-waiting strong{font-size:18px;letter-spacing:.22em;color:var(--brass-bright)}.hud-waiting span{font-family:var(--font-body);font-size:12px;letter-spacing:.04em;color:var(--bone-dim)}.feed-row{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#0d111400,#0d1114d1 30%);padding:4px 10px;border-right:2px solid var(--rust);animation:feed-in .16s ease-out}.feed-row.mine{border-right-color:var(--brass-bright);background:linear-gradient(90deg,#f0c56b00,#f0c56b29 30%)}.feed-row strong{color:var(--brass-bright);font-weight:600}.feed-icon{width:42px;height:15px;flex:none;color:var(--bone)}.feed-icon-pistol{width:27px}.feed-icons{display:inline-flex;align-items:center;gap:3px;flex:none}.feed-head{width:16px;height:16px;flex:none;color:var(--bone)}@keyframes feed-in{0%{opacity:0;transform:translate(12px)}}.hud-bottom{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 34px}.hud-health{display:flex;align-items:center;gap:12px;min-width:260px}.hud-label{font-size:12px;letter-spacing:.22em;color:var(--bone-dim)}.health-bar{width:180px;height:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.health-fill{height:100%;width:100%;background:var(--brass-bright);transition:width .12s linear}.health-num{font-size:30px;font-weight:600;color:var(--bone);font-variant-numeric:tabular-nums;min-width:56px}.hud-ammo{display:flex;align-items:baseline;gap:8px;position:relative}.ammo-main{font-size:54px;font-weight:600;line-height:.9;color:var(--bone);font-variant-numeric:tabular-nums}.ammo-reserve{font-size:20px;color:var(--bone-dim);font-variant-numeric:tabular-nums}.reload-tag{position:absolute;right:0;top:-20px;font-size:12px;letter-spacing:.2em;color:var(--rust-bright);opacity:0;transition:opacity .12s}.reload-tag.visible{opacity:1;animation:blink .7s infinite}@keyframes blink{50%{opacity:.35}}.reticle{--spread: 5px;position:absolute;left:50%;top:50%;width:2px;height:2px;transform:translate(-50%,-50%);background:var(--brass-bright);border-radius:50%;transition:opacity 90ms}.reticle.ads{opacity:0}.reticle:before,.reticle:after{content:"";position:absolute;background:#f0c56beb}.reticle:before{width:2px;height:10px;left:0;top:calc(-10px - var(--spread));box-shadow:0 calc(12px + var(--spread) * 2) 0 #f0c56beb}.reticle:after{height:2px;width:10px;top:0;left:calc(-10px - var(--spread));box-shadow:calc(12px + var(--spread) * 2) 0 0 #f0c56beb}.countdown{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.92);font-family:var(--display, inherit);font-size:clamp(64px,9vw,120px);font-weight:800;letter-spacing:.06em;color:var(--brass-bright);text-shadow:0 0 28px rgba(240,197,107,.35),0 2px 0 rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.countdown.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);opacity:0;transition:opacity 60ms}.hitmarker i{position:absolute;width:9px;height:2px;background:var(--bone)}.hitmarker i:nth-child(1){left:0;top:3px;transform:rotate(45deg)}.hitmarker i:nth-child(2){right:0;top:3px;transform:rotate(-45deg)}.hitmarker i:nth-child(3){left:0;bottom:3px;transform:rotate(-45deg)}.hitmarker i:nth-child(4){right:0;bottom:3px;transform:rotate(45deg)}.hitmarker.on{opacity:1}.hitmarker.head i{background:var(--rust-bright)}.death-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at center,#0d111447,#0d1114d1);opacity:0;pointer-events:none;transition:opacity .24s}.death-screen.visible{opacity:1}.death-title{font-size:64px;font-weight:700;letter-spacing:.18em;color:var(--rust-bright)}.death-killer{font-size:20px;letter-spacing:.12em;color:var(--bone-dim)}.death-count{margin-top:18px;font-size:44px;color:var(--brass-bright);display:flex;align-items:baseline;gap:8px}.death-count small{font-size:14px;letter-spacing:.22em;color:var(--bone-dim)}.menu-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 9vw;background:radial-gradient(1200px 700px at 22% 35%,rgba(180,88,42,.16),transparent 60%),linear-gradient(120deg,#0d1114f5 32%,#0d1114b8 65%,#0d111466);opacity:0;pointer-events:none;transition:opacity .26s}.menu-screen.visible{opacity:1;pointer-events:auto}.menu-glow{position:absolute;right:-10%;top:-20%;width:60vw;height:140vh;background:repeating-linear-gradient(100deg,rgba(72,82,90,.16) 0 2px,transparent 2px 26px);transform:skew(-12deg);pointer-events:none}.menu-brand{position:relative;margin-bottom:34px}.brand-mark{font-family:var(--font-display);font-size:clamp(64px,9vw,124px);font-weight:700;letter-spacing:.06em;line-height:.86;color:var(--bone)}.brand-mark span{color:var(--rust-bright)}.brand-sub{margin-top:10px;font-family:var(--font-display);font-size:16px;letter-spacing:.34em;text-transform:uppercase;color:var(--bone-dim)}.menu-panel{position:relative;width:min(420px,86vw);display:flex;flex-direction:column;gap:14px;padding:24px;background:#161b1fe0;border:1px solid rgba(72,82,90,.6);border-top:3px solid var(--rust);box-shadow:0 24px 60px #00000073}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:11px;letter-spacing:.22em;color:var(--bone-dim)}.field input,.menu-room input{background:#101519;border:1px solid rgba(72,82,90,.7);color:var(--bone);font-family:var(--font-body);font-size:16px;padding:11px 12px;outline:none}.field input:focus,.menu-room input:focus{border-color:var(--brass)}.btn-primary{font-family:var(--font-display);font-size:24px;letter-spacing:.24em;padding:12px 18px;background:var(--rust);color:#f7efe4;border:0;cursor:pointer;transition:background .14s,transform 80ms}.btn-primary:hover{background:var(--rust-bright)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:default}.menu-status{min-height:18px;font-size:13px;letter-spacing:.06em;color:var(--bone-dim)}.menu-status[data-tone=error]{color:var(--rust-bright)}.menu-room{border-top:1px solid rgba(72,82,90,.45);padding-top:12px;display:flex;flex-direction:column;gap:6px}.menu-room-label{font-size:11px;letter-spacing:.22em;color:var(--bone-dim)}.menu-room-row{display:flex;gap:8px}.menu-room-row input{flex:1;font-size:12px;color:var(--bone-dim)}.btn-ghost{font-family:var(--font-display);font-size:14px;letter-spacing:.16em;background:transparent;color:var(--brass);border:1px solid rgba(217,164,65,.5);padding:0 14px;cursor:pointer}.btn-ghost:hover{border-color:var(--brass);color:var(--brass-bright)}.menu-controls{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:12px;color:var(--bone-dim)}.menu-controls kbd{font-family:var(--font-body);font-size:11px;color:var(--bone);background:#48525a66;border:1px solid rgba(72,82,90,.7);padding:1px 5px;margin-right:4px}.menu-foot{position:absolute;bottom:26px;left:9vw;font-family:var(--font-display);font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:#a89f92b3}.scoreboard-screen{z-index:15;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d1114c7;opacity:0;pointer-events:none;transition:opacity .22s}.scoreboard-screen.visible{opacity:1;pointer-events:auto}.scoreboard-panel{width:min(560px,90vw);background:#161b1ff5;border:1px solid rgba(72,82,90,.7);border-top:3px solid var(--brass);padding:26px 28px 22px}.scoreboard-title{font-family:var(--font-display);font-size:40px;letter-spacing:.16em;color:var(--bone)}.scoreboard-winner{font-family:var(--font-display);font-size:16px;letter-spacing:.14em;color:var(--rust-bright);min-height:20px;margin-bottom:12px}.scoreboard-table{width:100%;border-collapse:collapse;font-family:var(--font-display);font-size:17px}.scoreboard-table th{text-align:left;font-size:11px;letter-spacing:.2em;color:var(--bone-dim);font-weight:400;padding:6px 8px;border-bottom:1px solid rgba(72,82,90,.6)}.scoreboard-table td{padding:7px 8px;border-bottom:1px solid rgba(72,82,90,.22);font-variant-numeric:tabular-nums}.scoreboard-table tr.top td{color:var(--brass-bright)}.scoreboard-table td:nth-child(3),.scoreboard-table td:nth-child(4),.scoreboard-table th:nth-child(3),.scoreboard-table th:nth-child(4){text-align:right}.scoreboard-foot{margin-top:16px;font-family:var(--font-display);font-size:13px;letter-spacing:.2em;color:var(--bone-dim)}#capture-hint{position:fixed;left:50%;bottom:18%;transform:translate(-50%);z-index:30;min-height:44px;padding:10px 20px;border:1px solid rgba(217,164,65,.7);border-radius:0;background:#0d1114e6;color:var(--bone);font-family:var(--font-display);font-size:16px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}#capture-hint:hover{border-color:var(--brass-bright);color:var(--brass-bright)}#capture-hint:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}#capture-hint[hidden]{display:none}@media (prefers-reduced-motion: reduce){.feed-row,.reload-tag.visible,.hitmarker{animation:none!important}.m-screen,.scoreboard-screen,.pause-screen,.death-screen,.hud-waiting{transition:none}}body{cursor:default}body.in-game{cursor:none;user-select:none;-webkit-user-select:none}.m-screen{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(24px,5vh,56px) clamp(24px,7vw,120px);background:transparent;opacity:0;visibility:hidden;transition:opacity .24s ease;pointer-events:none}.m-screen.visible{opacity:1;visibility:visible;pointer-events:auto}.m-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#080b0df0,#080b0dd1 34%,#080b0d59 62%,#080b0d26),radial-gradient(120% 90% at 18% 40%,rgba(180,88,42,.12),transparent 55%);pointer-events:none}.m-head{position:relative;max-width:720px}.m-wordmark{margin:0;font-family:var(--font-display);font-size:clamp(76px,11vw,164px);font-weight:700;line-height:.82;letter-spacing:.045em;color:var(--bone);text-wrap:balance;transform-origin:left bottom}.m-wordmark .m-mark{display:inline-block;width:.16em;height:.78em;margin-left:.12em;background:var(--rust-bright);vertical-align:-.04em}.m-tagline{margin:14px 0 0;max-width:46ch;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--bone-dim)}.m-body{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,460px);gap:clamp(24px,5vw,72px);align-content:start;align-items:start;padding-top:clamp(18px,3.5vh,42px);min-height:0;overflow-y:auto;overscroll-behavior:contain}.m-panel{position:relative;padding:16px 18px 18px;border-top:3px solid var(--rust);background:linear-gradient(180deg,#090c0fd6,#090c0f94);backdrop-filter:blur(2px)}.m-field{display:flex;flex-direction:column;gap:7px}.m-field span,.m-link-label{font-family:var(--font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}.m-field input,.m-link-row input{width:100%;background:#0d1114db;border:1px solid rgba(90,100,109,.7);color:var(--bone);font-family:var(--font-body);font-size:16px;padding:12px 13px;min-height:44px;border-radius:0}.m-field input::placeholder,.m-link-row input::placeholder{color:#a89f92b3}.m-field input:focus-visible,.m-link-row input:focus-visible,.m-copy:focus-visible,.m-play:focus-visible,.pause-panel button:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.m-play{margin-top:14px;width:100%;min-height:52px;border:0;border-radius:0;background:var(--rust);color:#f8f1e7;font-family:var(--font-display);font-size:24px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background-color .14s ease,transform 80ms ease}.m-play:hover:not(:disabled){background:var(--rust-bright)}.m-play:active:not(:disabled){transform:translateY(1px)}.m-play:disabled{opacity:.55;cursor:progress}.m-status{min-height:20px;margin:10px 0 0;font-family:var(--font-body);font-size:13px;line-height:1.4;color:var(--bone-dim)}.m-status[data-tone=error]{color:var(--rust-bright)}.m-side{display:flex;flex-direction:column;gap:22px;padding-bottom:2px;max-width:460px}.m-link-row{display:flex;gap:8px;margin-top:6px}.m-link-row input{flex:1;min-width:0;font-size:12px;color:var(--bone-dim)}.m-copy{flex:none;min-height:44px;padding:0 16px;border:1px solid rgba(217,164,65,.55);border-radius:0;background:transparent;color:var(--brass);font-family:var(--font-display);font-size:14px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,color .14s ease}.m-copy:hover{border-color:var(--brass-bright);color:var(--brass-bright)}.m-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:0;padding:0;list-style:none;font-family:var(--font-body);font-size:12.5px;line-height:1.5;color:var(--bone-dim)}.m-controls li{display:flex;gap:8px;align-items:baseline;min-width:0}.m-controls kbd{flex:none;min-width:34px;padding:2px 6px;border:1px solid rgba(90,100,109,.8);background:#1b2126e6;color:var(--bone);font-family:var(--font-body);font-size:11px;text-align:center}.m-foot{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;padding-top:18px;border-top:1px solid rgba(90,100,109,.35);font-family:var(--font-body);font-size:12px;color:#a89f92d9}.m-foot .m-meta{font-variant-numeric:tabular-nums;letter-spacing:.04em}@media (prefers-reduced-motion: no-preference){.m-screen.enter .m-wordmark{animation:m-wordmark-in .52s cubic-bezier(.2,.7,.2,1) both}.m-screen.enter .m-tagline{animation:m-rise .42s ease-out .12s both}.m-screen.enter .m-panel{animation:m-rise .42s ease-out .2s both}.m-screen.enter .m-side{animation:m-rise .42s ease-out .28s both}.m-screen.enter .m-foot{animation:m-rise .42s ease-out .34s both}}@keyframes m-wordmark-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-14px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes m-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pause-screen{position:absolute;inset:0;display:grid;place-items:center;background:#080b0d6b;backdrop-filter:blur(1px);opacity:0;visibility:hidden;transition:opacity .18s ease;pointer-events:none;z-index:20}.pause-screen.visible{opacity:1;visibility:visible;pointer-events:auto}.pause-panel{width:min(420px,calc(100vw - 48px));padding:28px;background:#11161af7;border:1px solid rgba(90,100,109,.6);border-top:3px solid var(--brass);border-radius:0;box-shadow:0 24px 70px #00000080}.pause-rule{width:46px;height:3px;background:var(--rust);margin-bottom:14px}.pause-title{margin:0;font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:.06em;color:var(--bone)}.pause-sub{margin:8px 0 22px;font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--bone-dim)}.pause-actions{display:grid;gap:10px}.pause-panel button{min-height:46px;border-radius:0;font-family:var(--font-display);font-size:19px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.pause-panel .btn-primary{border:0;background:var(--rust);color:#f8f1e7}.pause-panel .btn-primary:hover{background:var(--rust-bright)}.pause-panel .btn-quiet{border:1px solid rgba(90,100,109,.8);background:transparent;color:var(--bone)}.pause-panel .btn-quiet:hover{border-color:var(--brass);color:var(--brass-bright)}.pause-panel .btn-danger{border:1px solid rgba(180,88,42,.55);background:transparent;color:var(--rust-bright)}.pause-panel .btn-danger:hover{border-color:var(--rust-bright);background:#b4582a1f}.pause-room{display:flex;flex-direction:column;gap:6px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(90,100,109,.4)}.pause-label{font-family:var(--font-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.pause-room input{width:100%;min-height:40px;padding:9px 11px;border:1px solid rgba(90,100,109,.7);border-radius:0;background:#0d1114db;color:var(--bone-dim);font-family:var(--font-body);font-size:12px}.pause-foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-family:var(--font-body);font-size:11.5px;color:#a89f92cc}.pause-hint kbd{padding:1px 5px;border:1px solid rgba(90,100,109,.8);font-size:10px;color:var(--bone)}.m-screen{overflow-y:auto;overscroll-behavior:contain}#ui button,#ui input{touch-action:manipulation}body{-webkit-tap-highlight-color:transparent}.feed-row{max-width:380px;overflow-wrap:anywhere}@media (max-width: 960px){.m-screen{padding:24px}.m-body{grid-template-columns:1fr;gap:26px}.m-side{max-width:none}.m-wordmark{font-size:clamp(58px,17vw,104px)}}@media (max-height: 680px){.m-wordmark{font-size:clamp(46px,9vw,88px)}.m-body{padding-top:14px}}.live-score{position:absolute;inset:0;z-index:12;display:grid;place-items:start center;padding-top:9vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.live-score.visible{opacity:1;visibility:visible}.live-panel{width:min(540px,calc(100vw - 48px));padding:18px 20px 14px;background:#0a0d10eb;border:1px solid rgba(90,100,109,.6);border-top:3px solid var(--rust);box-shadow:0 18px 50px #00000073}.live-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.live-title{margin:0;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:.05em;color:var(--bone)}.live-time{font-family:var(--font-display);font-size:24px;color:var(--brass-bright);font-variant-numeric:tabular-nums}.live-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:14px}.live-table th{padding:5px 8px;text-align:left;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);border-bottom:1px solid rgba(90,100,109,.55)}.live-table td{padding:7px 8px;border-bottom:1px solid rgba(90,100,109,.18);color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.live-table tr.is-me td{color:var(--brass-bright);background:#d9a44114}.live-table .live-num{text-align:right;font-variant-numeric:tabular-nums;width:62px}.live-table .live-rank{width:34px;color:var(--bone-dim);font-variant-numeric:tabular-nums}.live-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-family:var(--font-body);font-size:11.5px;color:#a89f92cc}.live-foot kbd{padding:1px 5px;border:1px solid rgba(90,100,109,.8);font-size:10px;color:var(--bone)}.damage-vignette{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#780c0400 40%,#96180ab8);transition:opacity .26s ease}.damage-vignette.on{opacity:var(--dmg, .5);transition-duration:40ms}.kill-confirm{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) scale(.86);display:flex;flex-direction:column;align-items:center;gap:1px;opacity:0;pointer-events:none;z-index:12}.kill-confirm.on{animation:kc-pop .82s cubic-bezier(.2,.9,.2,1) both}.kill-confirm strong{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:.05em;color:var(--brass-bright);text-shadow:0 2px 12px rgba(0,0,0,.75)}.kill-confirm span{font-family:var(--font-display);font-size:13px;letter-spacing:.3em;color:var(--bone);text-shadow:0 1px 6px rgba(0,0,0,.8)}.kill-confirm.head strong{color:var(--rust-bright)}@keyframes kc-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}68%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.hitmarker{transform:translate(-50%,-50%) scale(1)}.hitmarker.on{animation:hm-pop .14s ease-out}@keyframes hm-pop{0%{transform:translate(-50%,-50%) scale(.55)}55%{transform:translate(-50%,-50%) scale(1.18)}to{transform:translate(-50%,-50%) scale(1)}}body.dead #game{filter:saturate(.35) brightness(.78);transition:filter .22s ease}@media (prefers-reduced-motion: reduce){.kill-confirm.on,.hitmarker.on{animation:none}}.damage-dir{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--angle, 0rad));opacity:0;pointer-events:none;z-index:11}.damage-dir i{position:absolute;left:-34px;top:-172px;width:68px;height:9px;background:linear-gradient(90deg,transparent,rgba(214,111,55,.92),transparent);filter:drop-shadow(0 0 6px rgba(180,88,42,.7))}.damage-dir.on{animation:dmg-dir .9s ease-out both}@keyframes dmg-dir{0%{opacity:0}10%{opacity:1}68%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.damage-dir.on{animation:none}}.m-settings{width:100%;margin-top:10px;padding:10px 16px;background:transparent;color:var(--bone-dim);border:1px solid rgba(120,130,138,.4);font-family:var(--font-body);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .14s ease,border-color .14s ease}.m-settings:hover{color:var(--bone);border-color:var(--brass)}.settings-screen{position:absolute;inset:0;display:grid;place-items:center;background:#080b0d8c;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .18s ease;pointer-events:none;z-index:30}.settings-screen.visible{opacity:1;visibility:visible;pointer-events:auto}.settings-panel{width:min(520px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow:auto;padding:26px 28px;background:#11161afa;border:1px solid rgba(90,100,109,.6);border-top:3px solid var(--brass);box-shadow:0 24px 70px #0000008c}.settings-rows{display:flex;flex-direction:column;gap:14px;margin:22px 0 26px}.settings-row{display:grid;grid-template-columns:180px 1fr 58px;align-items:center;gap:14px;font-family:var(--font-body);font-size:13px;letter-spacing:.04em;color:var(--bone-dim)}.settings-row output{text-align:right;color:var(--brass-bright);font-variant-numeric:tabular-nums}.settings-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#78828a59;cursor:pointer}.settings-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--brass-bright);border:0;border-radius:0}.settings-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--brass-bright);border:0;border-radius:0}.settings-row input[type=range]:focus-visible{outline:1px solid var(--brass-bright);outline-offset:4px}.settings-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.settings-panel button{min-height:40px;padding:0 16px;border-radius:0;font-family:var(--font-display);font-size:15px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.settings-panel .btn-primary{border:0;background:var(--rust);color:#f8f1e7}.settings-panel .btn-primary:hover{background:var(--rust-bright)}.settings-panel .btn-quiet{border:1px solid rgba(90,100,109,.8);background:transparent;color:var(--bone)}.settings-panel .btn-quiet:hover{border-color:var(--brass);color:var(--brass-bright)}.settings-panel button:focus-visible{outline:1px solid var(--brass-bright);outline-offset:2px}.settings-hint{margin:16px 0 0;font-family:var(--font-body);font-size:11px;letter-spacing:.04em;color:var(--bone-dim)}
