.page-start .ent-thumb img,.record-icon img,.perk-icon img{image-rendering:pixelated}.step-cards{margin:0 0 var(--sp-5);gap:var(--sp-4);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step-card{gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-4) + 40px);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;display:flex;position:relative}.step-card:before{counter-increment:step;content:counter(step);left:var(--sp-4);top:var(--sp-4);background:var(--teal);color:#102220;width:28px;height:28px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.85rem;display:grid;position:absolute}.step-card[aria-current=step]{border-color:var(--teal)}.step-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.step-text{color:var(--text);font-size:.9rem}.step-card a{margin-top:auto;font-size:.875rem;font-weight:600}.pick-card{gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line-soft);border-top:3px solid var(--accent);border-radius:var(--radius);flex-direction:column;display:flex}.pick-card h3{margin:0}.pick-chips{flex-wrap:wrap;gap:6px;display:flex}.pick-chips a{border:1px solid color-mix(in srgb, var(--teal) 55%, transparent);background:color-mix(in srgb, var(--teal) 10%, transparent);color:var(--teal-ink);border-radius:3px;padding:2px 8px;font-size:.85rem;text-decoration:none}.pick-chips a:hover{border-color:var(--accent);color:var(--accent-ink)}.pick-text{font-size:.92rem}.compare{padding:var(--sp-5)}.compare-controls{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-controls .select{color:#1e2524;border-color:var(--paper-line);background-color:#fbf8f0}.compare-controls .field-label{color:var(--paper-muted)}.compare-table{border-collapse:collapse;width:100%;font-size:.92rem}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--paper-line);padding:9px 12px}.compare-table thead th{font-family:var(--font-display);color:var(--paper-ink);font-size:1rem}.compare-table tbody th{width:34%;color:var(--paper-muted);font-weight:500}.compare-table td{font-family:var(--font-mono);color:var(--paper-ink);overflow-wrap:anywhere;font-size:.88rem}.record-hero{gap:var(--sp-5);padding:var(--sp-5);background:var(--surface);border:1px solid var(--line-soft);border-left:5px solid var(--teal);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.record-hero h1{margin:0 0 var(--sp-2)}.record-icon{background:var(--icon-plate,#222521);border-radius:6px;place-items:center;width:96px;height:96px;padding:8px;display:grid}.record-icon img{object-fit:contain;width:76px;max-width:76px;height:76px}.record-pitch{margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--accent);background:var(--surface-2);max-width:var(--measure)}.record-pitch blockquote{margin:0;font-style:italic}.record-pitch span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.72rem;display:block}.record-tags{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.record-tag{border:1px solid var(--line);border-radius:3px;align-items:baseline;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.record-tag b{font-family:var(--font-mono);color:var(--accent-ink);font-weight:500}.record-split{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;display:grid}.equip-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.equip-list li{background:var(--surface);border:1px solid var(--line-soft);border-left:3px solid var(--teal);border-radius:var(--radius);padding:8px 12px}.kit-total{margin-top:var(--sp-2);color:var(--muted);font-size:.875rem}.kit-qty{font-family:var(--font-mono);color:var(--accent-ink);white-space:nowrap;margin-left:4px;font-size:.82rem}.kit-table th[scope=row]{font-weight:500}.kit-total b{font-family:var(--font-mono);color:var(--accent-ink);font-weight:500}.note-grid{gap:var(--sp-3);counter-reset:note;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.note-grid li{padding:var(--sp-3) var(--sp-4) var(--sp-3) calc(var(--sp-4) + 30px);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);font-size:.93rem;position:relative}.note-grid li:before{counter-increment:note;content:counter(note, decimal-leading-zero);left:var(--sp-3);top:var(--sp-3);font-family:var(--font-mono);color:var(--accent-ink);font-size:.8rem;position:absolute}.trade-box{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0;display:grid}.trade-box>div{padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);min-width:0}.trade-box dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.72rem}.trade-box dd{overflow-wrap:anywhere;margin:0}.alt-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.alt-grid a{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);color:var(--text);text-decoration:none;display:flex}.alt-grid a:hover{border-color:var(--accent)}.alt-grid .ent-thumb{width:44px;height:44px}.alt-grid .ent-thumb img{width:36px;height:36px}.alt-name{font-weight:600}.alt-meta{color:var(--muted);font-size:.8rem;font-family:var(--font-mono);display:block}.record-pager{gap:var(--sp-3);margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;font-size:.9rem;display:grid}.record-pager a:last-child{text-align:right}@media (width<=900px){.step-cards,.record-split{grid-template-columns:1fr}}.page-start .ent-table{min-width:760px}@media (width<=640px){.compare{padding:var(--sp-4) var(--sp-3)}.compare-controls{grid-template-columns:1fr}.compare-table,.compare-table thead,.compare-table tbody{display:block}.compare-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.compare-table thead th:first-child{display:none}.compare-table tbody th{border-bottom:0;grid-column:1/-1;width:auto;padding-bottom:0}.note-grid{grid-template-columns:1fr}.record-hero{padding:var(--sp-4);grid-template-columns:1fr}.record-pager{grid-template-columns:1fr}.record-pager a:last-child{text-align:left}}.perk-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.perk-card{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line-soft);border-left:3px solid var(--teal);border-radius:var(--radius);flex-direction:column;scroll-margin-top:140px;display:flex}.perk-card[data-f-kind=drawback]{border-left-color:var(--accent)}.perk-card:target{outline:2px solid var(--accent);outline-offset:2px}.perk-head{align-items:center;gap:var(--sp-3);display:flex}.perk-card .perk-icon{width:44px;height:44px}.perk-card .perk-icon img{width:32px;height:32px}.perk-title{align-items:baseline;gap:4px var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.perk-name{font-family:var(--font-display);font-size:1.02rem;font-weight:700}.perk-cost{font-family:var(--font-mono);white-space:nowrap;border:1px solid;border-radius:3px;padding:0 7px;font-size:.82rem;display:inline-block}.perk-cost--bonus{color:var(--teal-ink);border-color:color-mix(in srgb, var(--teal) 55%, transparent)}.perk-cost--drawback{color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.perk-cost small{font-family:var(--font-body);color:var(--muted);font-size:.7rem}.perk-effect{margin:0;font-size:.92rem}.perk-blocks{color:var(--muted);flex-wrap:wrap;gap:4px 8px;font-size:.82rem;display:flex}.register-group-title{align-items:baseline;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-3);display:flex}.register-group-title small{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}.loss-card{gap:var(--sp-2);padding:var(--sp-4);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border:1px solid var(--line-soft);border-top:3px solid var(--danger);border-radius:var(--radius);flex-direction:column;display:flex}.loss-ending{font-family:var(--font-mono);color:var(--danger-ink);font-size:.85rem}.loss-ending span{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:6px;font-size:.72rem}.panel h3{margin-bottom:var(--sp-3)}.pairs-wrap{max-width:720px}.diff-cards{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.diff-card{gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line-soft);border-top:3px solid var(--teal);border-radius:var(--radius);flex-direction:column;display:flex}.diff-card:nth-child(3){border-top-color:var(--accent)}.diff-card:nth-child(4){border-top-color:var(--danger)}.diff-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.diff-head h3,.diff-figs{margin:0}.diff-figs>div{justify-content:space-between;gap:var(--sp-3);border-bottom:1px dashed var(--line-soft);padding:5px 0;font-size:.85rem;display:flex}.diff-figs dt{color:var(--muted)}.diff-figs dd{font-family:var(--font-mono);color:var(--accent-ink);text-align:right;margin:0}.diff-text{margin:0;font-size:.9rem}.diff-table{min-width:640px}.diff-table td.unknown{font-size:.85rem}.fact-list{gap:var(--sp-3);margin:0;display:grid}.fact-list>div{gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-soft);grid-template-columns:7.5rem minmax(0,1fr);display:grid}.fact-list>div:last-child{border-bottom:0;padding-bottom:0}.fact-list dt{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);padding-top:2px;font-size:.8rem}.fact-list dd{margin:0;font-size:.92rem}.plan-links{margin-top:var(--sp-4)}@media (width<=1000px){.diff-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.diff-cards{grid-template-columns:1fr}.fact-list>div{grid-template-columns:1fr;gap:2px}}.page-scenarios .ent-card-stats span{white-space:normal}.page-perks .ent-filters{position:static}