:root{--bg:#0b0d0e;--bg-2:#101315;--panel:#14181a;--panel-2:#191e21;--raise:#1f2529;--line:#c8dcd217;--line-strong:#c8dcd22e;--ink:#e9ece7;--muted:#8c948b;--dim:#59615a;--orange:#ff6a2b;--orange-dim:#ff6a2b24;--lime:#b6f23c;--lime-dim:#b6f23c1f;--red:#ff4d4d;--red-dim:#ff4d4d24;--amber:#ffc24d;--ui:"Chakra Petch", system-ui, sans-serif;--mono:"Share Tech Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(circle at 15% -10%,#ff6a2b14,#0000 45%),radial-gradient(circle at 90% 0,#b6f23c0f,#0000 40%),linear-gradient(#c8dcd207 1px,#0000 1px),linear-gradient(90deg,#c8dcd207 1px,#0000 1px);background-size:100% 100%,100% 100%,44px 44px,44px 44px;background-attachment:fixed;min-height:100vh}body:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px);position:fixed;inset:0}button{cursor:pointer;font-family:inherit}::selection{background:var(--orange);color:#120a04}.eyebrow{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--dim);font-size:.72rem}.money{font-family:var(--mono);font-variant-numeric:tabular-nums}.tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:2px;padding:.18em .5em;font-size:.62rem}.app{z-index:2;max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem) 160px;position:relative}.masthead{border-bottom:1px solid var(--line);padding:clamp(2.2rem,6vw,4rem) 0 1.6rem;position:relative}.wordmark{letter-spacing:-.02em;align-items:baseline;gap:.06em;margin:0;font-size:clamp(2.6rem,9vw,5.4rem);font-weight:700;line-height:.92;display:flex}.wordmark .a{color:var(--ink)}.wordmark .b{color:var(--orange);text-shadow:0 0 32px #ff6a2b73}.wordmark .cursor{background:var(--lime);width:.42em;height:.12em;box-shadow:0 0 16px var(--lime);align-self:flex-end;margin-bottom:.18em;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:.2}}.masthead .sub{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:.9rem 0 0;font-size:clamp(.68rem,1.8vw,.82rem)}.metastrip{font-family:var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.4rem;font-size:.7rem;display:flex}.metastrip b{color:var(--lime);font-weight:400}.phase{border-bottom:1px solid var(--line);padding:clamp(1.8rem,5vw,3rem) 0;animation:.5s cubic-bezier(.16,1,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.phase-head{align-items:baseline;gap:.9rem;margin-bottom:1.5rem;display:flex}.phase-num{font-family:var(--mono);color:var(--orange);letter-spacing:.1em;border:1px solid var(--orange);border-radius:2px;padding:.1em .5em;font-size:.8rem}.phase-title{letter-spacing:.01em;margin:0;font-size:clamp(1.3rem,3.4vw,1.9rem);font-weight:600}.phase-hint{color:var(--muted);font-size:.82rem;font-family:var(--mono);margin-left:auto}.budget-panel{flex-wrap:wrap;align-items:flex-end;gap:clamp(1.2rem,4vw,3rem);display:flex}.budget-field{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line-strong);border-radius:4px;align-items:center;gap:.4rem;padding:.6rem 1.4rem .6rem 1.1rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -20px #000000e6}.budget-field:focus-within{border-color:var(--lime);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 0 1px var(--lime-dim), 0 0 34px -6px var(--lime-dim)}.budget-field .glyph{font-family:var(--mono);color:var(--lime);font-size:clamp(2rem,6vw,3.4rem);line-height:1}.budget-input{width:min(46vw,6ch);color:var(--ink);font-family:var(--mono);letter-spacing:-.01em;background:0 0;border:none;outline:none;font-size:clamp(2.4rem,8vw,4.2rem);line-height:1}.budget-input::-webkit-outer-spin-button{appearance:none;margin:0}.budget-input::-webkit-inner-spin-button{appearance:none;margin:0}.budget-input{appearance:textfield}.budget-side{flex-direction:column;gap:.7rem;display:flex}.budget-side .eyebrow{margin-bottom:.1rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{font-family:var(--mono);color:var(--muted);background:var(--panel);border:1px solid var(--line-strong);border-radius:3px;padding:.4rem .8rem;font-size:.85rem;transition:color .15s,border-color .15s,background .15s,transform 80ms}.chip:hover{color:var(--ink);border-color:var(--lime);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.cat{margin-bottom:1.4rem}.cat-label{align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.cat-label .eyebrow{color:var(--muted)}.cat-label:after{content:"";background:var(--line);flex:1;height:1px}.weapon-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;display:grid}.weapon-toggle{text-align:left;background:var(--panel);border:1px solid var(--line-strong);color:var(--muted);border-radius:3px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.7rem .85rem;transition:border-color .15s,background .15s,color .15s,transform 80ms;display:flex;position:relative;overflow:hidden}.weapon-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:var(--panel-2);transform:translateY(-1px)}.weapon-toggle .wname{letter-spacing:.01em;font-size:.98rem;font-weight:600}.weapon-toggle .wfloor{font-family:var(--mono);color:var(--dim);font-size:.72rem}.weapon-toggle[data-armed=true]{color:var(--ink);border-color:var(--orange);background:linear-gradient(180deg, var(--orange-dim), transparent);box-shadow:0 0 24px -10px var(--orange)}.weapon-toggle[data-armed=true] .wfloor{color:var(--orange)}.weapon-toggle[data-armed=true]:before{content:"✓";color:var(--orange);font-size:.7rem;position:absolute;top:.4rem;right:.5rem}.arm-summary{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;margin-top:1.2rem;font-size:.82rem;display:flex}.arm-summary b{color:var(--ink);font-weight:400}.arm-summary .lime{color:var(--lime)}.slots{flex-direction:column;gap:.7rem;display:flex}.slot{border:1px solid var(--line-strong);background:var(--panel);border-radius:4px;transition:border-color .2s;overflow:hidden}.slot[data-open=true]{border-color:var(--line-strong);box-shadow:0 24px 60px -30px #000000e6}.slot[data-picked=true]{border-color:#b6f23c66}.slot-head{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:.9rem;padding:.85rem 1.1rem;transition:background .15s;display:flex}.slot-head:hover{background:var(--panel-2)}.slot-index{font-family:var(--mono);color:var(--dim);width:2ch;font-size:.75rem}.slot-weapon{font-size:1.05rem;font-weight:600}.slot-status{font-family:var(--mono);align-items:center;gap:.9rem;margin-left:auto;font-size:.8rem;display:flex}.slot-headroom{color:var(--muted)}.slot-headroom b{color:var(--lime);font-weight:400}.slot-chevron{color:var(--dim);transition:transform .2s}.slot[data-open=true] .slot-chevron{color:var(--orange);transform:rotate(90deg)}.slot-pick{align-items:center;gap:.6rem;display:flex}.slot-pick img{object-fit:contain;width:54px;height:34px}.slot-pick .pname{font-family:var(--ui);color:var(--ink);font-size:.9rem;font-weight:500}.slot-pick .pprice{color:var(--lime)}.slot-market,.slot-change{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);white-space:nowrap;background:0 0;border-radius:2px;padding:.3em .6em;font-size:.68rem;text-decoration:none;transition:color .15s,border-color .15s}.slot-market:hover{color:var(--lime);border-color:var(--lime)}.slot-change:hover{color:var(--orange);border-color:var(--orange)}.slot-body{border-top:1px solid var(--line);padding:0 1.1rem 1.1rem}.slot-tools{flex-wrap:wrap;align-items:center;gap:.8rem;padding:.9rem 0;display:flex}.search{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:3px;flex:1;align-items:center;gap:.5rem;min-width:180px;padding:.5rem .8rem;display:flex}.search:focus-within{border-color:var(--orange)}.search input{color:var(--ink);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.search .ico{color:var(--dim);font-size:.9rem}.slot-count{font-family:var(--mono);color:var(--dim);letter-spacing:.08em;font-size:.72rem}.skin-grid{scrollbar-width:thin;scrollbar-color:var(--raise) transparent;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem;max-height:62vh;padding:.2rem .3rem .3rem 0;display:grid;overflow-y:auto}.skin-grid::-webkit-scrollbar{width:8px}.skin-grid::-webkit-scrollbar-thumb{background:var(--raise);border-radius:4px}.grid-divider{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--red);opacity:.75;grid-column:1/-1;align-items:center;gap:.8rem;margin:.3rem 0 .1rem;font-size:.62rem;display:flex}.grid-divider:before,.grid-divider:after{content:"";background:#ff4d4d40;flex:1;height:1px}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:4px;flex-direction:column;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 20px 40px -24px #000000e6}.card[data-over=true]{border-color:#ff4d4d47}.card-img{aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 120%, #ffffff0d, transparent 70%), var(--bg-2);place-items:center;padding:.5rem;display:grid;position:relative}.card-img img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000080);max-width:100%;max-height:100%}.rarity-bar{background:var(--dim);width:100%;height:3px;position:absolute;bottom:0;left:0}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:.6rem .7rem .7rem;display:flex}.card-name{font-size:.9rem;font-weight:600;line-height:1.15}.card-name .wpn{color:var(--muted);font-size:.74rem;font-weight:400;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.15rem;display:block}.card-priceline{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:auto;display:flex}.card-price{font-family:var(--mono);color:var(--lime);font-size:1.25rem;line-height:1}.card[data-over=true] .card-price{color:var(--red)}.over-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);background:var(--red-dim);border:1px solid #ff4d4d80;border-radius:2px;margin-right:auto;padding:.12em .4em;font-size:.58rem}.wear-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:2px;padding:.15em .4em;font-size:.6rem}.card-actions{gap:.4rem;margin-top:.1rem;display:flex}.btn-pick{font-family:var(--ui);letter-spacing:.03em;color:#0b0d0e;background:var(--lime);border:none;border-radius:3px;flex:1;padding:.5rem;font-size:.82rem;font-weight:600;transition:filter .15s,transform 80ms}.btn-pick:hover{filter:brightness(1.1)}.btn-pick:active{transform:scale(.98)}.btn-pick:disabled{background:var(--raise);color:var(--dim);cursor:not-allowed}.btn-ghost{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);background:0 0;border-radius:3px;padding:0 .6rem;font-size:.68rem;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--ink);border-color:var(--muted)}.ladder{border-top:1px solid var(--line);flex-direction:column;gap:.2rem;margin-top:.1rem;padding-top:.5rem;display:flex}.ladder-row{width:100%;font-family:var(--mono);color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:.5rem;padding:.28rem .4rem;font-size:.76rem;transition:color .12s,background .12s,border-color .12s;display:flex}.ladder-row:hover{color:#0b0d0e;background:var(--lime);border-color:var(--lime)}.ladder-row:hover .lp,.ladder-row:hover .lw{color:#0b0d0e}.ladder-row .lw{letter-spacing:.02em}.ladder-row .lp{color:var(--ink)}.ladder-row.is-head .lw{color:var(--lime)}.ladder-row.is-head:hover .lw{color:#0b0d0e}.ladder-row[data-over=true] .lp{color:var(--red)}.ladder-row[data-over=true]:hover{background:var(--red);border-color:var(--red)}.notice{border:1px dashed var(--line-strong);color:var(--muted);font-family:var(--mono);border-radius:4px;padding:1.2rem 1.3rem;font-size:.85rem;line-height:1.6}.notice.warn{border-color:var(--red);background:var(--red-dim);color:#ffd7d7}.notice.warn b{color:var(--red)}.hud{z-index:20;background:linear-gradient(180deg, #0b0d0ef7, var(--bg) 45%);border-top:1px solid var(--line-strong);animation:.45s cubic-bezier(.16,1,.3,1) both hud-in;position:fixed;bottom:0;left:0;right:0}@keyframes hud-in{0%{transform:translateY(100%)}}.hud-inner{align-items:center;gap:clamp(1rem,4vw,2.6rem);max-width:1180px;margin:0 auto;padding:.8rem clamp(1rem,4vw,2.5rem) .9rem;display:flex}.hud-stat{flex-direction:column;gap:.15rem;line-height:1;display:flex}.hud-stat .k{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:.6rem}.hud-stat .v{font-family:var(--mono);color:var(--ink);font-size:clamp(1.1rem,3vw,1.7rem)}.hud-stat .v.spent{color:var(--orange)}.hud-stat .v.remain{color:var(--lime)}.hud-stat .v.remain[data-neg=true]{color:var(--red)}.hud-meter{flex-direction:column;flex:1;gap:.4rem;min-width:120px;display:flex}.hud-track{background:var(--bg-2);border:1px solid var(--line);border-radius:2px;height:10px;position:relative;overflow:hidden}.hud-fill{background:linear-gradient(90deg, #7dbf1f, var(--lime));transition:width .4s cubic-bezier(.16,1,.3,1),background .2s;position:absolute;inset:0 auto 0 0}.hud-fill[data-over=true]{background:linear-gradient(90deg, var(--amber), var(--red))}.hud-meta{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase;justify-content:space-between;font-size:.66rem;display:flex}.hud-meta .over{color:var(--red)}.hud-reset{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);white-space:nowrap;background:0 0;border-radius:3px;padding:.5rem .8rem;font-size:.68rem;transition:color .15s,border-color .15s}.hud-reset:hover{color:var(--red);border-color:var(--red)}.hud-summary{font-family:var(--ui);letter-spacing:.06em;color:#0b0d0e;background:var(--lime);border:1px solid var(--lime);white-space:nowrap;border-radius:3px;padding:.5rem .95rem;font-size:.8rem;font-weight:600;transition:filter .15s,box-shadow .2s,opacity .15s}.hud-summary:hover:not(:disabled){filter:brightness(1.1)}.hud-summary:disabled{color:var(--dim);border-color:var(--line-strong);cursor:not-allowed;background:0 0}.hud-summary[data-ready=true]{animation:1.8s ease-out infinite ready-pulse;box-shadow:0 0 #b6f23c80}@keyframes ready-pulse{70%{box-shadow:0 0 0 10px #b6f23c00}to{box-shadow:0 0 #b6f23c00}}.summary-overlay{z-index:40;background:#060809db;place-items:start center;padding:clamp(1rem,5vh,4rem) 1rem;animation:.2s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.summary-panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line-strong);border-radius:6px;width:min(560px,100%);padding:clamp(1.2rem,4vw,1.8rem);animation:.35s cubic-bezier(.16,1,.3,1) both rise;box-shadow:0 40px 90px -30px #000000f2}.summary-head{justify-content:space-between;align-items:flex-start;margin-bottom:1.1rem;display:flex}.summary-head h2{letter-spacing:.01em;margin:.2rem 0 0;font-size:1.7rem;font-weight:700}.summary-close{font-family:var(--mono);color:var(--muted);border:1px solid var(--line-strong);background:0 0;border-radius:3px;width:2rem;height:2rem;font-size:.9rem;transition:color .15s,border-color .15s}.summary-close:hover{color:var(--red);border-color:var(--red)}.summary-totals{gap:clamp(1.2rem,5vw,2.4rem);margin-bottom:.7rem;display:flex}.summary-track{margin-bottom:1.3rem}.summary-rows{flex-direction:column;gap:.25rem;display:flex}.summary-cat{color:var(--muted);margin:.7rem 0 .35rem}.summary-cat:first-child{margin-top:0}.summary-row{color:var(--ink);border:1px solid #0000;border-radius:3px;grid-template-columns:52px 1fr auto;align-items:center;gap:.7rem;padding:.4rem .5rem;text-decoration:none;transition:background .14s,border-color .14s;display:grid}.summary-row:hover{background:var(--bg-2);border-color:var(--line)}.summary-row img{object-fit:contain;width:52px;height:32px}.summary-noimg{background:var(--bg-2);border-radius:2px;width:52px;height:32px}.summary-name{font-size:.92rem;line-height:1.2}.summary-name b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:400;display:block}.summary-wear{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:2px;grid-area:1/2;justify-self:end;padding:.1em .4em;font-size:.62rem}.summary-price{color:var(--lime);white-space:nowrap;font-size:.95rem}.summary-note{font-family:var(--mono);color:var(--amber);letter-spacing:.04em;margin-top:.9rem;font-size:.72rem}.summary-actions{gap:.6rem;margin-top:1.4rem;display:flex}.btn-primary,.btn-secondary{font-family:var(--ui);letter-spacing:.03em;border-radius:3px;flex:1;padding:.7rem;font-size:.88rem;font-weight:600;transition:filter .15s,color .15s,border-color .15s,background .15s}.btn-primary{color:#0b0d0e;background:var(--lime);border:1px solid var(--lime)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}.summary-fine{font-family:var(--mono);color:var(--dim);margin:.9rem 0 0;font-size:.66rem;line-height:1.6}.footer{color:var(--dim);font-family:var(--mono);letter-spacing:.04em;padding:2rem 0 1rem;font-size:.72rem;line-height:1.7}.footer a{color:var(--muted)}.center-state{text-align:center;min-height:60vh;color:var(--muted);font-family:var(--mono);place-items:center;gap:.6rem;display:grid}.center-state .blink{color:var(--lime);animation:1s step-end infinite blink}@media (width<=640px){.hud-inner{flex-wrap:wrap;gap:.9rem 1.4rem}.hud-meter{flex-basis:100%;order:3}.phase-hint{display:none}.slot[data-picked=true] .slot-head{flex-wrap:wrap;row-gap:.7rem}.slot[data-picked=true] .slot-status{flex-wrap:wrap;flex-basis:100%;gap:.6rem .7rem;margin-left:0}.slot-pick{flex:100%;min-width:0}.slot-pick .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}