@import url('../tokens.css?v=d321014531bb');
*{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:14px;line-height:1.55}button,input,select{font:inherit;color:inherit}button,select,input[type=checkbox]{cursor:pointer}button{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:0;padding:9px 13px}button:hover{border-color:var(--color-ink)}input,select{width:100%;border:1px solid var(--color-rule);border-radius:0;background:var(--color-surface);padding:10px;min-height:42px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:18px;letter-spacing:-.5px}h3{font-size:14px}main{max-width:1468px;margin:auto;padding:42px 24px 60px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--color-muted)}h1{font-size:clamp(28px,3.7vw,46px);letter-spacing:-2px;line-height:1.2;margin:10px 0 13px}.intro>div>p:last-child{color:var(--color-muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.selection-panel{border-top:2px solid var(--color-ink);padding:16px 0 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading>span{font-size:11px;color:var(--color-muted);font-variant-numeric:tabular-nums}.search-label{display:block;font-size:11px;margin-bottom:5px;color:var(--color-muted)}#weapon-search{margin-bottom:8px}#weapon{font-weight:650}.small-note{font-size:11px;color:var(--color-muted);margin:8px 0}.weapon-summary{display:flex;align-items:center;gap:12px;margin-top:12px}.weapon-art{width:90px;height:80px;object-fit:contain}.kit-name{font-size:11px;display:flex;align-items:center;gap:6px;margin:5px 0}.kit-name img{width:22px;height:22px;object-fit:contain}.weight-label{font-size:10px;color:var(--color-muted)}.text-button{padding:2px 0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:11px}.gear-row{padding:12px;margin:10px 0;background:var(--color-shelf);border:1px solid var(--color-rule);border-radius:0}.gear-row legend{font-size:11px;font-weight:700;padding:0 5px}.main-slot{display:flex;gap:8px;align-items:center}.main-slot .slot-dot{width:26px;height:26px;flex-shrink:0;background:var(--color-ink);color:var(--color-paper);display:grid;place-items:center;font-size:10px;border-radius:0}.main-slot select{font-weight:600;min-width:0}.sub-slots{margin:8px 0 0 7px;border-left:1px solid var(--color-rule);padding-left:17px;display:grid;gap:5px}.sub-slot{display:flex;gap:8px;align-items:center}.sub-slot>span{font-size:10px;color:var(--color-muted);width:12px}.sub-slot select{font-size:11px;min-height:34px;padding:6px 8px}.toggle-label{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0}.toggle-label small{display:block;color:var(--color-muted);font-size:10px;font-weight:400}.toggle-label input{appearance:none;width:36px;height:22px;min-height:22px;padding:0;flex:0 0 36px;border-radius:0;position:relative;background:var(--color-rule);border:0}.toggle-label input:after{content:'';width:16px;height:16px;position:absolute;left:3px;top:3px;border-radius:0;background:var(--color-surface);transition:transform .12s}.toggle-label input:checked{background:var(--color-highlight)}.toggle-label input:checked:after{transform:translateX(14px)}.condition-select{display:block;margin:2px 0 10px}.condition-select>span{font-size:11px;display:block;margin-bottom:5px}.condition-select select{font-size:12px}.condition-select select:disabled{opacity:.55;cursor:default}.cooler-row{border-top:1px dashed var(--color-rule);margin-top:10px;padding-top:8px}.cooler-row strong{font-size:14px}.ap-panel{border:1px solid var(--color-rule);border-radius:0;padding:12px}summary{cursor:pointer;font-size:12px;font-weight:650}.ap-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-bottom:1px solid var(--color-rule);font-size:11px}.ap-line:last-child{border:0}.ap-line b{font-variant-numeric:tabular-nums}.ap-line em{font-style:normal;color:var(--color-highlight)}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:2px solid var(--color-ink)}.results-heading>p:last-child{font-size:11px;color:var(--color-muted)}#result-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.result-card{background:var(--color-surface);border:1px solid var(--color-rule);padding:22px;min-width:0;border-radius:0}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.card-title span{font-size:11px;color:var(--color-muted);font-variant-numeric:tabular-nums}.card-title .kit-icon{width:30px;height:30px;object-fit:contain}.full-width{grid-column:1/-1}.primary-metrics{display:flex;gap:30px;padding-bottom:17px;margin-bottom:10px;border-bottom:1px solid var(--color-rule)}.metric-label{font-size:11px;color:var(--color-muted);margin-bottom:4px}.metric-value{font-size:30px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.2}.metric-value small{font-size:12px;font-weight:500;margin-left:4px;letter-spacing:0}.baseline{font-size:11px;color:var(--color-muted);font-weight:400;letter-spacing:0}.metric-baseline{margin-top:5px}.stat-row{display:flex;gap:12px;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-rule);font-size:12px}.stat-row:last-child{border-bottom:0}.stat-row>span{max-width:63%}.stat-row strong{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-row .baseline{display:block;font-size:10px}.card-note{font-size:11px;color:var(--color-muted);margin-top:12px;line-height:1.65}.spread-list{display:grid;gap:6px;margin-top:15px}.spread-row{display:grid;grid-template-columns:1fr auto 115px;align-items:center;gap:10px;font-size:12px}.spread-number{text-align:right;font-variant-numeric:tabular-nums}.spread-number .baseline{display:block;font-size:10px}.angle-view{width:115px;height:50px;overflow:visible}.angle-fill{fill:var(--color-accent)}.angle-edge{stroke:var(--color-highlight);stroke-width:1.5;fill:none}.angle-center{stroke:var(--color-rule);stroke-dasharray:3 3;stroke-width:1}.special-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.special-grid .primary-metrics{flex-direction:column;border:0;border-right:1px solid var(--color-rule);margin:0;padding-bottom:0;gap:20px}.motion-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.movement-row{padding:14px 0;border-bottom:1px solid var(--color-rule)}.movement-row:last-child{border:0}.motion-heading h3{font-size:12px}.speed-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.speed-value small{font-size:11px;font-weight:400}.motion-track{position:relative;margin:16px 14px 4px;height:37px;border-bottom:2px solid var(--color-ink);background:repeating-linear-gradient(90deg,var(--color-rule) 0 1px,transparent 1px 25%);border-right:1px solid var(--color-rule)}.runner{position:absolute;left:0;bottom:0;font-size:25px;line-height:1.1;transform:translateX(-50%);animation:run-across var(--duration) linear infinite}.runner-reference{opacity:.2;filter:grayscale(1);font-size:23px;bottom:1px}.track-labels{display:flex;justify-content:space-between;margin:0 14px;font-size:9px;color:var(--color-muted)}@keyframes run-across{0%,100%{left:0}50%{left:100%}}.paused .runner{animation-play-state:paused}.jump-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.jump-metrics .metric-value{font-size:26px}.jump-stage{height:120px;position:relative;margin:16px 14px 0;border-bottom:2px solid var(--color-ink)}.jump-stage:before,.jump-stage:after{content:'';position:absolute;bottom:-5px;width:10px;height:10px;background:var(--color-highlight);border-radius:50%}.jump-stage:before{left:-5px}.jump-stage:after{right:-5px}.jumper{position:absolute;left:0;bottom:0;transform:translate(-50%,0);font-size:29px;line-height:1.1}.jump-caption{display:flex;justify-content:space-between;margin:7px 0;font-size:11px;color:var(--color-muted)}#jump-phase{color:var(--color-highlight);font-weight:700}.notice,.error{padding:13px 16px;background:var(--color-shelf);border-left:3px solid var(--color-highlight);font-size:12px;margin-top:16px}.error{color:#8b251f}.method{border-top:1px solid var(--color-rule);padding-top:18px;margin-top:24px;font-size:12px;color:var(--color-muted)}.method>div{padding-top:12px}.method p{margin:10px 0}.method ul{padding-left:20px}.method li{margin:6px 0}footer{border-top:1px solid var(--color-rule);padding:20px max(24px,calc((100vw - 1420px)/2));display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--color-muted)}.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}[hidden]{display:none!important}

@media(max-width:1050px){#result-cards{grid-template-columns:1fr}.special-grid{grid-template-columns:1fr}.special-grid .primary-metrics{flex-direction:row;border-right:0;border-bottom:1px solid var(--color-rule);padding-bottom:16px}.primary-metrics{gap:24px}.result-card{padding:20px}}
@media(max-width:720px){main{padding:28px 16px 40px}.intro{align-items:flex-start;flex-wrap:wrap;margin-bottom:26px}.intro>div{width:100%}h1{letter-spacing:-1.5px}.selection-panel{padding-bottom:14px}.gear-row{margin:12px 0}.sub-slots{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:0;margin-left:0;border:0}.sub-slot{min-width:0;display:block}.sub-slot>span{display:block;margin-bottom:3px}.sub-slot select{width:100%;font-size:10px}.result-card{padding:18px}.jump-metrics{gap:8px}.jump-metrics .metric-value{font-size:21px}.jump-metrics .metric-value small{font-size:10px}.results-heading>p:last-child{font-size:10px}.special-grid .primary-metrics{gap:24px}footer{padding:16px;flex-direction:column;gap:4px}}

.kit-name img,.card-title .kit-icon{filter:url(#icon-ink)}

.kit-badge,.mini-kit{display:inline-flex;align-items:center;justify-content:center;background:var(--color-ink);border-radius:0;flex-shrink:0}.kit-badge{width:40px;height:40px}.mini-kit{width:28px;height:28px}
.circle-gear-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-rule)}.gear-part{font-size:12px;font-weight:650;flex:0 0 28px}.circle-slots{display:flex;align-items:center;gap:9px;flex:1;justify-content:space-between}.gear-slot{position:relative;border-radius:50%;display:grid;place-items:center;padding:4px;flex-shrink:0;background:#000;border:2px solid #000;transition:box-shadow .12s,transform .12s,opacity .12s}.gear-slot.large{width:66px;height:66px;margin-right:8px}.gear-slot.small{width:44px;height:44px}.gear-slot img{width:100%;height:100%;object-fit:contain;pointer-events:none}.slot-ap{position:absolute;right:-3px;bottom:-4px;border-radius:0;background:var(--color-paper);border:1px solid var(--color-rule);color:var(--color-muted);font-size:9px;line-height:16px;min-width:18px;padding:0 3px}.gear-slot.eligible{box-shadow:0 0 0 3px oklch(60% .17 290 / .25);border-color:var(--color-highlight)}.gear-slot.ineligible{opacity:.38}.gear-slot.drop-over{transform:scale(1.12);box-shadow:0 0 0 5px var(--color-accent)}.palette-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.palette-status{font-size:11px;color:var(--color-highlight);min-height:34px;margin-top:12px;line-height:1.5}#gear-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px 4px;margin-top:14px}.palette-ability{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px 0;border-radius:0;min-width:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.palette-ability:active{cursor:grabbing}.palette-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#000;border:2px solid transparent;border-radius:50%;padding:3px}.palette-icon img{width:100%;height:100%;object-fit:contain;pointer-events:none}.palette-name{font-size:9px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;min-height:25px;text-align:center}.palette-ability:hover .palette-icon{box-shadow:0 0 0 2px var(--color-rule)}.palette-ability[aria-pressed=true] .palette-icon{box-shadow:0 0 0 3px var(--color-highlight)}.palette-ability[aria-pressed=true] .palette-name{font-weight:650;color:var(--color-highlight)}.drag-ghost{position:fixed;width:54px;height:54px;padding:4px;background:#000;border:2px solid var(--color-highlight);border-radius:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;box-shadow:none}.drag-ghost img{width:100%;height:100%;object-fit:contain}.ink-comparison{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:center;max-width:480px;margin:28px auto 18px;text-align:center}.tank-frame{position:relative;width:74px;height:158px;margin:20px auto 12px}.tank-cap{position:absolute;top:-9px;left:20px;width:34px;height:12px;background:var(--color-ink);border-radius:0}.tank-body{height:100%;position:relative;border:3px solid var(--color-ink);border-radius:0;overflow:hidden;background:var(--color-shelf)}.ink-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:var(--color-highlight);border-top:3px solid oklch(75% .14 290);will-change:height}.tank-base .ink-fill{background:var(--color-rule);border-top-color:var(--color-muted)}.tank-ticks{position:absolute;inset:0;left:5px;width:12px;background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),var(--color-ink) calc(25% - 1px) 25%);opacity:.4}.tank-percent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:1px 5px;border-radius:0;background:var(--color-paper);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.tank-duration{font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2}.tank-duration small{font-size:12px;margin-left:4px}.tank-base .tank-duration{color:var(--color-muted)}.tank-column>.small-note{margin:4px 0}.tank-difference{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--color-muted)}.tank-difference strong{font-size:15px;color:var(--color-highlight)}
@media(max-width:1050px) and (min-width:721px){.circle-gear-row{gap:7px}.circle-slots{gap:6px}.gear-slot.large{width:58px;height:58px;margin-right:3px}.gear-slot.small{width:40px;height:40px}.palette-icon{width:40px;height:40px}}
@media(max-width:720px){.circle-gear-row{padding:14px 0}.circle-slots{justify-content:flex-start;gap:16px}.gear-slot.large{margin-right:10px}#gear-palette{gap:8px 4px}.palette-icon{width:46px;height:46px}.palette-name{font-size:10px}.ink-comparison{gap:4px}.tank-difference strong{font-size:12px}.tank-duration{font-size:23px}}
@media(max-width:380px){.circle-slots{gap:10px}.gear-slot.large{margin-right:6px}}
/* Synchronized comparison timelines are driven by the Web Animations API. */
.runner{animation:none}.splash{position:absolute;left:50%;bottom:3px;width:4px;height:5px;background:var(--color-highlight);border-radius:60% 40% 55% 45%;pointer-events:none;--dx:-15px}.splash-two{--dx:16px;width:3px;height:4px;left:65%;bottom:6px}.splash-three{--dx:-8px;left:30%;bottom:0;width:3px;height:3px}.runner-reference .splash{background:var(--color-muted)}
.distance-bars{display:grid;gap:5px;margin:10px 0 16px;padding-left:30px}.distance-bars>div{position:relative;height:8px;background:var(--color-shelf);border-radius:0}.distance-bars span{position:absolute;left:-30px;top:-4px;font-size:9px;color:var(--color-muted)}.distance-bars i{display:block;height:100%;background:var(--color-highlight);border-radius:0}.distance-bars .bar-base{background:var(--color-rule)}.range-gain{font-size:11px;color:var(--color-highlight);margin:7px 0}.throw-view{margin-top:18px}.throw-stage{height:92px;margin:8px 12px 0 20px;position:relative;border-bottom:1px solid var(--color-ink)}.throw-stage.flat{height:55px}.thrower{position:absolute;left:-19px;bottom:2px;font-size:23px;transform-origin:bottom left}.projectile{position:absolute;bottom:0;left:0;transform:translateX(-50%);color:var(--color-highlight);font-size:14px;line-height:1}.projectile-base{opacity:.35;color:var(--color-muted)}.landing-mark{position:absolute;bottom:-5px;height:9px;width:2px;background:var(--color-highlight)}.landing-base{background:var(--color-muted)}
.surge-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;text-align:center;max-width:350px;margin:15px auto}.surge-wall{position:relative;margin:20px auto 10px;width:85px;height:115px;border-right:8px solid var(--color-rule);border-top:6px solid var(--color-rule);background:linear-gradient(90deg,transparent 70%,var(--color-shelf) 70%)}.surge-squid{position:absolute;bottom:5px;right:0;font-size:27px}.surge-gauge{position:absolute;left:0;bottom:0;width:9px;height:80px;background:var(--color-shelf);border:1px solid var(--color-rule);overflow:hidden;border-radius:0}.surge-gauge i{position:absolute;bottom:0;left:0;width:100%;background:var(--color-highlight)}.surge-comparison>div:first-child{color:var(--color-muted)}.surge-comparison>div:first-child .surge-gauge i{background:var(--color-muted)}.surge-comparison>div:first-child .surge-squid{opacity:.35;filter:grayscale(1)}
.jump-penalty{display:block;max-width:420px;margin-top:18px;font-size:12px}.jump-penalty>span:first-child{display:flex;justify-content:space-between;gap:10px}.jump-penalty output{font-weight:700;color:var(--color-highlight)}.jump-penalty input{padding:0;accent-color:var(--color-highlight);border:0;min-height:28px}.jump-penalty input:disabled{opacity:.4;cursor:default}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--color-muted)}#jump-emoji{display:inline-block}.charging{animation:charge-shake .075s linear infinite alternate}@keyframes charge-shake{from{transform:translate(-1px,1px) rotate(-5deg)}to{transform:translate(1px,0) rotate(5deg)}}.paused .charging{animation-play-state:paused}.jump-metrics>.small-note{grid-column:1/-1;margin:0}

.surge-emoji{display:inline-block;transform-origin:center 65%}

.lde-slider output{display:block;font-size:11px;color:var(--color-highlight);margin:6px 0}.lde-slider input{padding:0;min-height:28px;accent-color:var(--color-highlight)}.lde-slider input:disabled{opacity:.45;cursor:default}.lde-slider .range-ends{display:flex;font-size:10px}

.palette-status:empty{display:none}

#result-cards{align-items:start}.section-fold>summary{display:flex;align-items:center;gap:10px;list-style:none}.section-fold>summary::-webkit-details-marker,.result-fold>summary::-webkit-details-marker{display:none}.section-fold>summary:before,.result-fold>summary:before{content:'▸';color:var(--color-muted);font-size:12px;flex:0 0 10px}.section-fold[open]>summary:before,.result-fold[open]>summary:before{content:'▾'}.section-fold>summary .card-title{flex:1;margin:0}.section-content{padding-top:18px}.result-fold{border-bottom:1px solid var(--color-rule);min-width:0}.result-fold>summary{display:flex;gap:8px;align-items:center;list-style:none;padding:10px 0;font-size:12px}.fold-content{padding:0 0 10px 18px}.fold-content .stat-row{padding-top:0}.fold-content .movement-row{padding-top:0;border:0}.fold-content .motion-heading h3,.fold-content .spread-row>span:first-child{display:none}.fold-content .spread-row{grid-template-columns:1fr 115px}.primary-metrics>.result-fold{flex:1}.primary-metrics>.result-fold .fold-content{padding-left:0}.special-grid .primary-metrics>.result-fold{flex:initial}

.spread-pair,.paired-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spread-item{display:flex;flex-direction:column;gap:8px;min-width:0}.spread-item h3{font-size:11px}.spread-item .spread-number{text-align:left}.spread-item .angle-view{max-width:100%;flex-shrink:0}.paired-metrics{padding:6px 0 12px}.paired-metrics .metric-value{font-size:26px}.special-points{grid-template-columns:1fr;gap:18px}@media(max-width:1050px){.special-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.spread-pair,.paired-metrics{gap:8px}.paired-metrics .metric-value{font-size:23px}}

.respawn-comparison{display:grid;gap:24px;padding:8px 0 14px}.respawn-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.respawn-heading h3{font-size:12px}.respawn-heading strong{font-size:20px;font-variant-numeric:tabular-nums}.respawn-heading small{font-size:10px;font-weight:400;color:var(--color-muted);margin-left:5px}.respawn-gauge{height:32px;position:relative;overflow:hidden;border-radius:0;background:var(--color-shelf);border:1px solid var(--color-rule)}.respawn-gauge i{position:absolute;inset:0 auto 0 0;width:0;background:var(--color-highlight)}.respawn-gauge span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;background:var(--color-paper);padding:1px 6px;border-radius:0;font-variant-numeric:tabular-nums}.respawn-base .respawn-gauge i{background:var(--color-rule)}.respawn-base .respawn-heading{color:var(--color-muted)}

.swim-emoji{display:inline-block;transform:rotate(90deg)}.splash-four{--dx:22px;--dy:-9px;left:55%;bottom:2px;width:3px;height:4px}.splash-five{--dx:-22px;--dy:-18px;left:35%;bottom:4px;width:4px;height:5px}.splash-six{--dx:8px;--dy:-21px;left:60%;bottom:5px;width:3px;height:3px}

.motion-track.enemy-ink-track{background-color:oklch(75% .17 60 / .25);border-bottom-color:oklch(55% .17 60);box-shadow:inset 0 -9px oklch(70% .18 60 / .3)}.tenacity-meter{padding:5px 0 12px}.tenacity-meter .respawn-heading small{font-size:11px;color:var(--color-muted)}

.human-emoji{display:inline-block;transform:scaleX(-1)}

.palette-ability,.toggle-label>span{min-width:0}.palette-name{overflow-wrap:anywhere}.card-title h2,.section-heading h2{overflow-wrap:anywhere}.range-ends{gap:12px}.language-control{white-space:nowrap}

/* Selection controls precede the full-width results at every viewport size. */
.selection-area{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 28px;align-items:start}
.selection-area .selection-panel{min-width:0;padding-bottom:0}
.palette-panel,.condition-selection,.selection-area .ap-panel{grid-column:1/-1}
.palette-panel .palette-heading{margin-top:0}
.palette-panel .small-note br{display:none}
.palette-panel .small-note span~span{margin-left:6px}
.results{min-width:0}
@media(min-width:760px){
  .selection-area{grid-template-columns:minmax(220px,1fr) minmax(0,2fr)}
  .condition-selection{grid-column:1/-1}
  #ability-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
}
@media(min-width:1280px){
  #gear-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .circle-gear-row{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 18px}
  .gear-part{flex-basis:auto}
  .circle-slots{justify-content:flex-start;gap:6px;flex:none}
  .gear-slot.large{width:54px;height:54px;margin-right:4px}
  .gear-slot.small{width:36px;height:36px}
}

.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.share-actions button:disabled{cursor:wait;opacity:.6}

/* Keep one palette row visible; extra rows scroll inside the palette. */
#gear-palette{grid-auto-rows:minmax(96px,auto);max-height:108px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:6px 4px;scroll-padding-block:6px;align-items:start}
.palette-ability{touch-action:pan-y}

.defense-controls { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.defense-controls > label { flex:1 1 240px; }
.defense-controls select { display:block; width:100%; margin-top:.4rem; }
.defense-controls [hidden] { display:none; }
.defense-blast { min-width:0; }
.defense-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.defense-pair h4 { margin:.4rem 0; font-size:.85rem; }
.defense-table { width:100%; border-collapse:collapse; font-size:.82rem; font-variant-numeric:tabular-nums; margin:.5rem 0 1rem; }
.defense-table td,.defense-table th { text-align:right; padding:.45rem .25rem; border-bottom:1px solid var(--border,#d8dfe9); }
.defense-table td:first-child,.defense-table th:first-child { text-align:left; }
.defense-marking { margin-bottom:1.2rem; }
.defense-marking > :first-child .marking-fill { background:#8794aa; }
.mist-track .motion-track { background-color:#e9d8f5; }
@media(max-width:480px) { .defense-marking { grid-template-columns:1fr; } }
.mist-level-control { display:block; max-width:320px; margin-bottom:1rem; }
.mist-level-control[hidden] { display:none; }
.mist-level-control select { display:block; width:100%; margin-top:.4rem; }
.mist-track { margin-bottom:1.5rem; }

.defense-blasts { display:grid; gap:1.5rem; }
.defense-plots { display:grid; grid-template-columns:100px minmax(0,420px); gap:1rem; align-items:center; max-width:536px; }
.defense-plots h4 { margin:.4rem 0; font-size:.85rem; text-align:center; }
.blast-range,.damage-graph { display:block; width:100%; height:auto; overflow:visible; }
.blast-range text { fill:currentColor; font-size:17px; }
.damage-graph { max-width:420px; margin:auto; }
.damage-graph text { fill:currentColor; font-size:12px; }
.damage-base { fill:none; stroke:#8b8b8b; stroke-width:5; stroke-dasharray:6 5; }
.damage-current { fill:none; stroke:#202020; stroke-width:2; }
.damage-line-legend { display:flex; flex-wrap:wrap; gap:.7rem; font-size:.75rem; }
.damage-line-legend .base::before,.damage-line-legend .current::before { content:''; display:inline-block; width:20px; margin-right:5px; vertical-align:middle; border-top:2px solid #202020; }
.damage-line-legend .base::before { border-top:3px dashed #8b8b8b; }
@media(max-width:600px) { .defense-plots { grid-template-columns:minmax(0,1fr); } .blast-range { max-width:120px; margin:auto; } }

/* Explicit scrollbar styling also keeps the thumb visible on overlay-scrollbar systems. */
#gear-palette{scrollbar-width:auto;scrollbar-color:auto}
@supports not selector(::-webkit-scrollbar){#gear-palette{scrollbar-color:var(--color-muted) var(--color-shelf)}}
#gear-palette::-webkit-scrollbar{width:12px}
#gear-palette::-webkit-scrollbar-track{background:var(--color-shelf);border-radius:0}
#gear-palette::-webkit-scrollbar-thumb{background:var(--color-muted);border:2px solid var(--color-shelf);border-radius:0}
.gear-slot.filled{cursor:grab;touch-action:none}
.gear-slot.filled:active{cursor:grabbing}
.palette-panel.drop-over{outline:2px solid var(--color-highlight);outline-offset:2px}

.defense-blast .defense-table { max-width:536px; }
.range-swatch { display:inline-block; width:.7rem; height:.7rem; margin-right:.4rem; border:1px solid #747474; border-radius:0; vertical-align:middle; }



.palette-panel{position:relative}
.palette-discard{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;border:2px dashed #ac5545;border-radius:0;background:var(--color-paper);color:#943c30;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:20px}
.palette-discard svg{width:36px;height:36px}
.palette-discard strong{font-size:14px;line-height:1.5}
.palette-panel.discard-active .palette-discard{display:flex}
.palette-panel.discard-active.drop-over{outline:none}
.palette-panel.discard-active.drop-over .palette-discard{background:#f6e2dc;border-style:solid;border-color:#943c30}
.discard-hover,.palette-panel.drop-over .discard-ready{display:none}
.palette-panel.drop-over .discard-hover{display:block}

.ink-test-open{display:block;margin:0 0 14px auto;padding:7px 16px;font-size:12px}
.ink-test-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:2px solid var(--color-ink);border-radius:0;padding:24px;background:var(--color-paper);color:var(--color-ink)}
.ink-test-dialog::backdrop{background:#15151580;backdrop-filter:blur(3px)}
.test-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.test-heading h2{font-size:22px;margin:4px 0}.test-heading button{font-size:24px;padding:0 10px;min-height:36px}
.test-weapon{display:flex;align-items:center;gap:14px;margin:14px 0}.test-weapon img{width:64px;height:64px;object-fit:contain}
.test-readout{display:grid;grid-template-columns:90px 1fr;gap:26px;align-items:center;background:var(--color-shelf);padding:20px;border-radius:0}
.test-tank{height:170px;border:3px solid var(--color-ink);border-radius:0;position:relative;overflow:hidden;background:var(--color-paper)}
.test-tank i{position:absolute;bottom:0;width:100%;background:var(--color-highlight);opacity:.65}.test-tank strong{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;color:var(--color-ink)}
.test-readout output{font-weight:800;font-size:22px}.test-shot-view{height:26px;overflow:hidden;color:var(--color-highlight)}.test-shot-view span{display:inline-block}
.test-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:20px 0 10px}.test-controls button{min-height:54px;touch-action:none;user-select:none;-webkit-user-select:none}.test-controls button:active{transform:translateY(1px)}.test-refill{width:100%;margin-top:10px}
@media(max-width:480px){.ink-test-dialog{padding:18px}.test-readout{gap:16px;padding:14px}.test-heading h2{font-size:20px}}

.test-sub-line{position:absolute;left:0;right:0;border-top:2px dashed var(--color-ink);z-index:1;pointer-events:none}.test-tank strong{z-index:2}.test-refill{touch-action:none;user-select:none;-webkit-user-select:none}

.card-title .main-test-button{margin:0 0 0 auto;flex-shrink:0}.card-title:has(.main-test-button){gap:12px}.card-title:has(.main-test-button) .kit-badge{margin-left:0}
.respawn-jump-dialog{width:min(660px,calc(100% - 28px))}.journey-track{position:relative;height:100px;margin:0 24px 8px;border-bottom:2px solid var(--color-rule)}.journey-home,.journey-end,.journey-traveler{position:absolute;bottom:0;font-size:28px;line-height:1.2;transform:translateX(-50%)}.journey-home{left:0;bottom:-5px}.journey-end{left:100%;opacity:.45}.journey-traveler{left:0;bottom:23px;z-index:1}

.frame-note,.tank-duration .frame-note,.metric-value .frame-note,.respawn-heading .frame-note,.stat-row .frame-note{font-size:11px;font-weight:400;color:#777;margin-left:6px;white-space:nowrap}.motion-start,#surge-start,#jump-start,#journey-start{margin:8px 0 12px}

.journey-summaries{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.journey-summaries .respawn-heading{display:block;margin-bottom:4px}.journey-summaries .respawn-heading strong{display:block;margin-top:4px}.journey-summaries .small-note{margin:4px 0}.journey-gauges{display:grid;gap:2px}.journey-gauges .respawn-gauge{height:25px;border-radius:0}.journey-gauges .respawn-gauge b{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:400;background:var(--color-paper);padding:0 4px;border-radius:0}.journey-base{opacity:.45;filter:grayscale(1)}.journey-current{z-index:2;filter:drop-shadow(0 0 2px var(--color-highlight))}

.jump-penalty[hidden] { display:none; }

.jump-target-toggle{justify-content:flex-start;gap:8px}

body:has(#gear-slots) :is(.gear-slot,.palette-icon,.drag-ghost){border-radius:50%}

.movement-row .motion-track{height:48px}.movement-row .runner{font-size:36px}.movement-row .runner-reference{font-size:33px}