:root{color:oklch(96% .01 90);font-synthesis:none;--ink:oklch(96% .01 90);--muted:oklch(78% .025 220);--signal:oklch(82% .15 73);--danger:oklch(66% .19 32);--track:oklch(0% 0 none/.4);--ease-out:cubic-bezier(.23, 1, .32, 1);--panel:oklch(19% .025 230/.95);--line:oklch(90% .025 220/.2);--space:clamp(1.25rem, .8rem + 1.5vw, 2.5rem);background:oklch(23% .025 230);font-family:Barlow,sans-serif}*{box-sizing:border-box;min-inline-size:0}body{margin:0;overflow:clip}button,input,select{font:inherit}button,select,input{accent-color:var(--signal)}button{border:1px solid var(--line);min-block-size:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;padding-block:11px;padding-inline:20px;font-weight:600}button.primary{background:var(--signal);border-color:var(--signal);color:oklch(20% .03 60)}button:disabled{opacity:.55;cursor:wait}button:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--signal);outline-offset:4px}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){filter:brightness(1.12)}summary:hover{color:var(--signal)}.diagnostic a:hover{text-decoration-thickness:2px}}.diagnostic a:active{opacity:.75}#game{touch-action:none;block-size:100dvh;inline-size:100vw;display:block}#hud{pointer-events:none;text-shadow:0 2px 7px oklch(0% 0 none/.8);position:fixed;inset:0}.masthead{inset-block-start:var(--space);inset-inline:var(--space);align-items:center;gap:24px;display:flex;position:absolute}.wordmark{letter-spacing:-.7px;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:700}.wordmark-dot{color:var(--signal)}.location{color:var(--muted);font-size:13px}#fps{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:12px}.bottom-hud{inset-inline:var(--space);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset-block-end:76px}.movement-info,.weapon-info{flex-direction:column;gap:5px;display:flex}.weapon-info{text-align:end;min-inline-size:160px}#weapon-name{font-size:16px;font-weight:600}.ammo-line{justify-content:flex-end;align-items:baseline;gap:10px;display:flex}.weapon-info.reloading .ammo-line b{color:var(--muted)}.ammo-line b{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:64px;font-weight:600;line-height:1}.ammo-line span{color:var(--muted);font-size:20px}#weapon-action,#stats{color:var(--muted);font-size:12px}.weapon-slots{justify-content:flex-end;gap:15px;margin-block-start:10px;font-size:13px;display:flex}.weapon-slots span{opacity:.55;border-block-end:2px solid #0000;padding-block-end:5px}.weapon-slots .selected{opacity:1;border-color:var(--signal)}#movement-state{font-size:14px;font-weight:600}.speed{color:var(--muted);font-size:12px}.speed b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.controls-strip{inset-block-end:var(--space);inset-inline:var(--space);color:var(--muted);flex-wrap:wrap;gap:18px;font-size:12px;display:flex;position:absolute}kbd{font:inherit;color:var(--ink);margin-inline-end:4px;font-weight:600}#reticle{--spread:9px;block-size:0;inline-size:0;position:absolute;inset-block-start:50%;inset-inline-start:50%}#reticle i{background:var(--ink);position:absolute;box-shadow:0 0 2px oklch(0% 0 none)}#reticle i:first-child{block-size:2px;inline-size:7px;inset-block-start:-1px;inset-inline-start:calc(-1 * var(--spread) - 7px)}#reticle i:nth-child(2){block-size:2px;inline-size:7px;inset-block-start:-1px;inset-inline-start:var(--spread)}#reticle i:nth-child(3){block-size:7px;inline-size:2px;inset-block-start:calc(-1 * var(--spread) - 7px);inset-inline-start:-1px}#reticle i:nth-child(4){block-size:7px;inline-size:2px;inset-block-start:var(--spread);inset-inline-start:-1px}#reticle b{background:var(--ink);border-radius:50%;block-size:3px;inline-size:3px;position:absolute;transform:translate(-50%,-50%)}#hitmarker{opacity:0;position:absolute;inset-block-start:50%;inset-inline-start:50%}#hitmarker i{background:var(--ink);transform-origin:50%;block-size:2px;inline-size:9px;position:absolute}#hitmarker i:first-child{transform:translate(-13px,-10px)rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(5px,-10px)rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(-13px,9px)rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(5px,9px)rotate(45deg)}#hitmarker.critical i{background:var(--signal)}#target-status{text-align:center;opacity:0;inline-size:130px;position:absolute;inset-block-start:calc(50% - 72px);inset-inline-start:50%;transform:translate(-50%)}#target-name{font-size:11px}.target-track,.reload-track,.health-track{background:var(--track);block-size:3px;margin-block-start:6px;overflow:clip}#reload-progress,#health-bar{background:var(--ink);transform-origin:0;block-size:100%}#reload-status{text-align:center;inline-size:96px;font-size:11px;font-weight:600;position:absolute;inset-block-start:calc(50% + 28px);inset-inline-start:50%;transform:translate(-50%)}#reload-status[data-state=low] .reload-track,#reload-status[data-state=empty] .reload-track{display:none}#reload-status[data-state=low] #reload-label{color:var(--signal)}#reload-status[data-state=empty] #reload-label{color:var(--danger)}#combat-callout{white-space:nowrap;opacity:0;transition:opacity .2s var(--ease-out);font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:600;position:absolute;inset-block-start:calc(50% - 118px);inset-inline-start:50%;transform:translate(-50%)}#combat-callout.visible{opacity:1}#combat-callout.danger{color:var(--danger)}#damage-vignette{background:radial-gradient(ellipse at center, transparent 55%, color-mix(in oklch, var(--danger) 55%, transparent) 100%);opacity:0;position:absolute;inset:0}#damage-direction{opacity:0;position:absolute;inset-block-start:50%;inset-inline-start:50%}#damage-direction i{background:var(--danger);border-radius:2px;block-size:4px;inline-size:42px;position:absolute;translate:-50% -96px}.vitals{inline-size:150px;margin-block-end:8px}.vitals-line{color:var(--muted);font-size:12px}.vitals-line b{color:var(--ink);font-variant-numeric:tabular-nums;margin-inline-start:4px;font-size:20px;font-weight:500}.vitals.hurt #health-bar{background:var(--danger)}#target-health{background:var(--signal);block-size:100%;inline-size:100%}#damage-numbers{position:absolute;inset:0}.damage-number{will-change:transform, opacity;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:600;position:absolute}.damage-number.critical{color:var(--signal);font-size:32px}#overlay{padding:var(--space);background:linear-gradient(90deg,oklch(12% .025 230/.8),oklch(12% .025 230/.2) 65%,#0000);align-items:center;display:flex;position:fixed;inset:0}#overlay[hidden],[hidden]{display:none!important}.menu{background:var(--panel);border-block-start:3px solid var(--signal);border-radius:8px;max-inline-size:480px;padding:clamp(24px,2rem + 1vw,48px)}.menu-context{color:var(--muted);margin-block:0 20px;font-size:13px}h1{letter-spacing:-.8px;margin-block:0 22px;font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,2.2rem + 2vw,64px);font-weight:600;line-height:1.02}.menu-description{color:var(--muted);margin-block:0 26px;font-size:15px;line-height:1.55}.menu-actions{flex-wrap:wrap;gap:10px;display:flex}#notice{min-block-size:18px;color:var(--muted);margin-block:12px 22px;font-size:12px}.menu details{border-block-start:1px solid var(--line);padding-block-start:16px}.menu summary{cursor:pointer;font-size:13px}.settings{grid-template-columns:minmax(0,1fr) minmax(90px,1fr);align-items:center;gap:12px;margin-block:20px;font-size:13px;display:grid}.settings output{color:var(--muted);margin-inline-start:6px}.settings input[type=range]{inline-size:100%}.settings select{color:var(--ink);border:1px solid var(--line);background:oklch(24% .025 230);border-radius:4px;padding:8px}.checkbox{align-items:center;gap:8px;display:flex}.control-list{gap:8px;margin-block:14px 0;font-size:12px;display:grid}.control-list div{justify-content:space-between;gap:16px;display:flex}.control-list dt{color:var(--ink)}.control-list dd{color:var(--muted);text-align:end;margin:0}.range-label{text-align:end;text-shadow:0 2px 8px oklch(0% 0 none/.8);align-self:flex-end;margin-inline-start:auto}.range-label span{font-family:Barlow Condensed,sans-serif;font-size:40px}.range-label p{color:var(--muted);font-size:13px;line-height:1.4}.paused #reticle,.paused #target-status,.paused #hitmarker,.paused #reload-status,.paused #combat-callout,.paused #damage-direction{display:none}.diagnostic{color:var(--muted);margin-block:16px 0;font-size:12px;line-height:1.5}.diagnostic a{color:var(--signal);margin-block-end:2px;font-weight:600;display:block}.paused .bottom-hud,.paused .controls-strip{visibility:hidden}@media (width<=650px){.location,.range-label{display:none}.menu{max-block-size:calc(100dvh - 32px);max-inline-size:100%;overflow:auto}#overlay{padding:16px}.controls-strip{gap:8px 12px;font-size:11px}.bottom-hud{inset-block-end:96px}.control-list div{flex-direction:column;gap:3px}.control-list dd{text-align:start}}.inventory-dialog{color:oklch(93% .015 95);background:oklch(20% .025 220);border:1px solid oklch(47% .055 200);border-block-start:3px solid oklch(78% .15 75);border-radius:.6rem;block-size:min(48rem,100dvh - 2rem);max-block-size:calc(100dvh - 2rem);inline-size:min(74rem,100% - 2rem);padding:clamp(1rem,2.2vw,1.75rem);overflow:clip;container-type:inline-size}.inventory-dialog[open]{flex-direction:column;gap:1.1rem;display:flex}.inventory-dialog::backdrop{background:oklch(8% .02 220/.88)}.inventory-header{flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.inventory-header h2{margin:0;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15}.inventory-header .menu-context{margin:0 0 .3rem;font-size:.75rem}.inventory-header kbd{opacity:.65;margin-inline:.6rem 0}.inventory-body{flex-direction:column;flex:1;gap:1rem;min-block-size:0;display:flex}.loadout-summary{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;display:grid}.inventory-dialog .loadout-slot{text-align:start;align-items:center;gap:.8rem;min-inline-size:0;padding:.7rem .85rem;display:flex}.loadout-slot>span:last-child{min-inline-size:0}.loadout-slot small{color:oklch(74% .02 200);font-size:.72rem;display:block}.loadout-slot strong{overflow-wrap:anywhere;font-size:.95rem;display:block}.inventory-dialog .loadout-slot[aria-pressed=true]{background:oklch(29% .035 220);border-color:oklch(81% .13 80)}.slot-number{color:oklch(88% .1 80);flex:0 0 1.6rem;place-items:center;font-size:1rem;display:grid}.loadout-slot .weapon-icon{color:oklch(80% .035 200);flex:0 0 3.7rem;inline-size:3.7rem}.melee-slot{color:oklch(76% .02 200);background:oklch(24% .025 220);align-items:center;gap:.7rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.melee-slot small{font-size:.72rem;display:block}.arsenal-workspace{flex:1;grid-template-columns:minmax(14rem,.9fr) minmax(0,1.3fr);gap:1.5rem;min-block-size:0;display:grid}.inventory-pane{flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.inventory-list-heading{color:oklch(76% .025 200);justify-content:space-between;align-items:center;gap:1rem;padding-block:.2rem .8rem;font-size:.75rem;display:flex}.inventory-list-heading h3{color:oklch(92% .02 95);margin:0;font-size:.9rem}.inventory-list-heading h3 span{color:oklch(70% .025 200);margin-inline-start:.5rem;font-weight:400}.inventory-list{overscroll-behavior:contain;scrollbar-color:oklch(45% .035 220) transparent;flex-direction:column;gap:.4rem;min-block-size:0;padding:.25rem;display:flex;overflow:auto}.rarity-mark{--rarity:oklch(80% .015 150)}.rarity-mark[data-rarity=uncommon]{--rarity:oklch(80% .13 155)}.rarity-mark[data-rarity=rare]{--rarity:oklch(78% .12 250)}.rarity-mark[data-rarity=very-rare]{--rarity:oklch(79% .14 305)}.inventory-dialog .inventory-row{border-color:#0000;border-inline-start:3px solid var(--rarity);text-align:start;background:oklch(24% .025 220);flex:none;align-items:center;gap:.75rem;min-block-size:4.4rem;padding:.65rem .85rem;display:flex}.inventory-dialog .inventory-row[aria-pressed=true]{border-color:var(--rarity);background:oklch(32% .04 220)}.inventory-row .weapon-icon{inline-size:4rem;color:var(--rarity);flex:0 0 4rem}.weapon-icon{fill:currentColor;block-size:auto;display:block}.weapon-icon-detail{fill:oklch(15% .025 220)}.inventory-row-name{gap:.3rem;min-inline-size:0;display:grid}.inventory-row-name strong{overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.inventory-row-name small{color:oklch(75% .025 200);font-size:.75rem}.inventory-row-damage{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:1.25rem;font-weight:500}.weapon-detail{border-block-start:2px solid var(--rarity);background:oklch(23% .025 220);flex-direction:column;min-block-size:0;min-inline-size:0;padding:1.1rem 1.25rem;display:flex}.weapon-detail-content{overscroll-behavior:contain;scrollbar-color:oklch(45% .035 220) transparent;flex:1;min-block-size:0;overflow:auto}.weapon-detail-heading{align-items:center;gap:1rem;margin-block-end:1.25rem;display:flex}.weapon-detail-heading .weapon-icon{inline-size:6.5rem;color:var(--rarity);flex:0 0 6.5rem}.weapon-rarity{color:var(--rarity);font-size:.72rem}.weapon-detail h3{margin-block:.25rem;font-size:clamp(1.2rem,2vw,1.55rem)}.weapon-detail-heading p{color:oklch(75% .025 200);margin:0;font-size:.8rem}.weapon-stat-table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%}.weapon-stat-table caption{text-align:start;color:oklch(78% .025 200);padding-block-end:.8rem;font-size:.8rem}.weapon-stat-table thead th{color:oklch(69% .025 200);padding-block-end:.45rem;font-size:.7rem;font-weight:400}.weapon-stat-table th{text-align:start}.weapon-stat-table td,.weapon-stat-table thead th:not(:first-child){text-align:end}.weapon-stat-table tbody tr+tr{border-block-start:1px solid oklch(31% .025 220)}.weapon-stat-table tbody th{color:oklch(81% .02 200);padding-block:.7rem;font-size:.82rem;font-weight:400}.weapon-stat-table td{color:oklch(69% .025 200);padding-inline-start:.6rem;font-size:.9rem}.weapon-stat-table td.selected-stat{color:oklch(97% .01 95);font-size:1.35rem;font-weight:600}.weapon-stat-table td small{font-size:.75rem;font-weight:400}.stat-delta{white-space:nowrap;font-size:.85rem;font-weight:500}.inventory-dialog .better{color:oklch(82% .12 155)}.inventory-dialog .worse{color:oklch(79% .13 35)}.stat-delta.equal{color:oklch(56% .025 200)}.stat-notes{color:oklch(70% .025 200);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-block:.8rem .3rem;font-size:.7rem;display:flex}.stat-notes i{margin-inline:.3rem;font-style:normal}.item-actions{flex:none;gap:.6rem;padding-block-start:1rem;display:flex}.item-actions button{flex:1}.inventory-dialog .equip-primary{color:oklch(17% .025 220);background:oklch(79% .13 80);border-color:#0000;font-weight:600}.nearby-loot{color:oklch(85% .025 200);background:oklch(29% .035 220);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;font-size:.85rem;display:flex}.inventory-footer{color:oklch(68% .025 200);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.inventory-message{color:oklch(85% .13 155);margin:0}.inventory-dialog button{color:oklch(95% .01 95);cursor:pointer;background:oklch(28% .035 220);border:1px solid oklch(42% .035 210);border-radius:.2rem;min-block-size:2.75rem;padding:.6rem .85rem}.inventory-dialog button:disabled{opacity:.45;cursor:default}.inventory-dialog button:focus-visible{outline-offset:2px;outline:2px solid oklch(84% .15 80)}.inventory-dialog button:active:not(:disabled){background:oklch(42% .05 220)}@media (hover:hover) and (pointer:fine){.inventory-dialog button:hover:not(:disabled){background:oklch(36% .045 220)}.inventory-dialog .equip-primary:hover:not(:disabled){background:oklch(86% .12 80)}}@container (width<44rem){.arsenal-workspace{grid-template-columns:minmax(0,1fr);overflow:auto}.inventory-pane{min-block-size:12rem;max-block-size:15rem}.weapon-detail{min-block-size:28rem}.loadout-slot .weapon-icon{display:none}.melee-slot{padding-inline:.5rem}.weapon-detail-heading .weapon-icon{flex-basis:4.5rem;inline-size:4.5rem}}#loot-prompt{text-align:center;color:oklch(94% .09 85);text-shadow:0 2px 4px oklch(0% 0 none);position:absolute;inset-block-start:calc(50% + 5rem);inset-inline:1rem}@media (height<=740px){.inventory-dialog[open]{gap:.8rem}.weapon-detail{padding:.8rem 1rem}.weapon-detail-heading{gap:.8rem;margin-block-end:.6rem}.weapon-detail-heading .weapon-icon{flex-basis:4rem;inline-size:4rem}.weapon-stat-table tbody th{padding-block:.5rem}.weapon-stat-table caption{padding-block-end:.5rem}.item-actions{padding-block-start:.65rem}}
