/* A whole build at a glance, with details available on selection. */
dialog.comp-guide{width:min(1180px,96vw);padding:25px 28px;max-height:92vh}.comp-guide .detail-head{margin:0 0 15px;padding-right:33px;gap:12px}.comp-guide .detail-head h2{font-size:26px;line-height:1.25}.comp-guide .detail-head .eyebrow{font-size:8px;margin-bottom:5px}.comp-guide .detail-head .tier{width:30px;height:35px;font-size:16px}.comp-guide .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 13px}.comp-guide .stat{padding:10px 13px;border-radius:6px}.comp-guide .stat label{font-size:8px;line-height:1.5}.comp-guide .stat strong{font-size:23px;line-height:1.25;margin:4px 0}.comp-guide .stat small{font-size:8px;line-height:1.5}.comp-guide .section-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0 0 19px}.comp-guide .section-bar .button{font-size:10px;padding:9px 12px;min-height:34px}.guide-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.guide-section-title h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0}.guide-section-title>span{color:var(--secondary);font-size:9px;text-align:right}.guide-roster{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.guide-unit{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-top:3px solid var(--cost,#94a4aa);border-radius:7px;padding:12px 5px 9px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;position:relative;min-height:137px;transition:background-color .15s,border-color .15s}.guide-unit:hover{background:var(--surface-soft);border-color:var(--cost,#94a4aa)}.guide-unit[aria-pressed=true]{background:var(--surface-soft);outline:2px solid var(--cost,#94a4aa);outline-offset:1px}.guide-unit>.sprite{width:48px;height:48px;image-rendering:pixelated;filter:none;flex-shrink:0}.guide-unit>b{font-size:11px;font-weight:600;line-height:1.5;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:4px}.guide-cost{position:absolute;top:5px;right:6px;color:var(--secondary);font-size:8px;line-height:1}.guide-stars{color:#9e773d;font-size:8px;line-height:1.5;display:block;margin:3px 0 8px}.guide-item-icons{display:flex;justify-content:center;gap:4px;align-items:center;min-height:23px;margin-top:auto}.guide-item-icons>span{display:inline-flex}.guide-item-icons .item-icon{width:23px;height:23px;border-radius:4px}.guide-item-icons .item-icon img{width:19px;height:19px;inset:1px}.guide-item-icons .item-fallback{width:15px;height:15px}.guide-no-items{color:var(--secondary);font-size:10px;opacity:.6}.roster-hint{font-size:9px;line-height:1.7;color:var(--secondary);margin:11px 0 0}.guide-positioning{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.guide-positioning-body{display:grid;grid-template-columns:minmax(270px,460px) minmax(180px,1fr);gap:28px;align-items:center}.guide-positioning .board{margin:0;max-width:460px;width:100%;padding:14px 18px 20px}.guide-positioning .board-label{font-size:7px;margin-bottom:12px}.guide-positioning .hex{width:42px;height:47px}.guide-positioning .hex img{width:38px;height:38px}.guide-positioning .notice{border:0;padding:0;margin:0;max-width:440px;font-size:10px;line-height:1.9}.comp-guide .stage-grid{margin-top:20px;gap:15px}.comp-guide .stage{padding:17px}.comp-guide .stage .sprite-row{padding:5px 0;flex-wrap:wrap;gap:5px}.comp-guide .stage .sprite{width:34px;height:34px}.comp-guide .stage p{font-size:10px}.comp-guide .stage h3{font-size:20px}.builder-roster .sprite-row{padding:5px 0 10px;flex-wrap:wrap;justify-content:flex-start}.builder-roster .sprite{width:39px;height:39px}.builder-roster .mini-unit{min-width:35px}#guide-unit-details:not([hidden]){display:flex;gap:22px;align-items:center;justify-content:space-between;margin-top:13px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);padding:13px 16px}.guide-selected-unit{display:flex;gap:10px;align-items:center;flex-shrink:0}.guide-selected-unit>.sprite{width:40px;height:40px;filter:none}.guide-selected-unit b{font-size:12px;line-height:1.6}.guide-selected-unit small{display:block;font-size:9px;color:var(--secondary);line-height:1.7}.guide-selected-items{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.guide-item-detail{display:flex;align-items:center;gap:8px;font-size:10px}.guide-item-detail>.item-icon{width:26px;height:26px}.guide-item-detail>.item-icon img{width:22px;height:22px;inset:1px}.guide-item-detail small{display:block;font-size:8px;line-height:1.7;color:var(--secondary)}.guide-selected-items>p{font-size:10px;color:var(--secondary);margin:0}.comp-units{gap:4px}.comp-row .unit-tile{max-width:52px}.comp-row .unit-tile .sprite{height:40px}.comp-row .unit-tile>small{font-size:7px}html[data-theme=dark] .guide-stars{color:#ebc37d}
@media(max-width:1050px) and (min-width:761px){.guide-unit>b{font-size:10px}.guide-unit{padding-left:3px;padding-right:3px}.guide-unit>.sprite{width:43px;height:43px}.guide-item-icons{gap:2px}.guide-item-icons .item-icon{width:21px;height:21px}.guide-item-icons .item-icon img{width:17px;height:17px}.guide-roster{gap:6px}.guide-unit{min-height:127px}.comp-row .unit-tile .sprite{height:34px}.comp-row .unit-tile>small{font-size:6px}}
@media(max-width:760px){dialog.comp-guide{padding:18px 14px;max-height:94vh;width:96vw}.comp-guide .detail-head{gap:9px;margin-bottom:11px;padding-right:26px}.comp-guide .detail-head h2{font-size:20px;line-height:1.2}.comp-guide .detail-head .eyebrow{font-size:6px;line-height:1.5;letter-spacing:1px}.comp-guide .detail-head .tier{width:23px;height:29px;font-size:13px}.comp-guide .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px}.comp-guide .stat{padding:7px 6px}.comp-guide .stat label{font-size:6px}.comp-guide .stat strong{font-size:18px;line-height:1.2;margin:5px 0}.comp-guide .stat small{font-size:6px;line-height:1.5}.comp-guide .section-bar{margin-bottom:15px;gap:8px;flex-wrap:wrap}.comp-guide .section-bar .button{padding:7px 8px;font-size:8px;min-height:29px}.guide-section-title{gap:10px;margin-bottom:10px}.guide-section-title h2{font-size:17px;line-height:1.25}.guide-section-title>span{font-size:7px;max-width:120px}.guide-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.guide-unit{padding:7px 5px 6px;min-height:104px;border-top-width:2px}.guide-unit>.sprite{width:33px;height:33px}.guide-unit>b{font-size:10px;line-height:1.3;margin-top:2px}.guide-stars{font-size:7px;line-height:1.2;margin:3px 0 5px}.guide-cost{font-size:7px;top:4px;right:5px}.guide-item-icons{gap:4px;min-height:21px}.guide-item-icons .item-icon{width:21px;height:21px}.guide-item-icons .item-icon img{width:17px;height:17px;inset:1px}.guide-item-icons .item-fallback{width:13px;height:13px}.roster-hint{font-size:8px;line-height:1.6;margin-top:9px}.guide-positioning{margin-top:17px;padding-top:15px}.guide-positioning-body{display:block}.guide-positioning .board{padding:14px 10px 18px;max-width:100%;margin-bottom:12px}.guide-positioning .hex{width:calc((100% - 30px)/7);height:auto;aspect-ratio:42/47}.guide-positioning .hex img{width:100%;height:100%;max-width:38px}.guide-positioning .notice{font-size:9px}.comp-guide .stage-grid{margin-top:17px}.comp-guide .stage{padding:14px}.comp-guide .stage .sprite{width:29px;height:29px}.comp-guide .stage .sprite-row{gap:4px}.comp-guide .stage p{font-size:9px}#guide-unit-details:not([hidden]){display:block;padding:12px;margin-top:10px}.guide-selected-unit>.sprite{width:32px;height:32px}.guide-selected-unit b{font-size:11px}.guide-selected-unit small{font-size:8px}.guide-selected-items{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}.guide-item-detail{font-size:10px}.guide-item-detail small{font-size:8px}.comp-row .unit-tile{max-width:none}.comp-row .unit-tile .sprite{height:32px}.comp-row .unit-tile>small{font-size:6px}.comp-units{gap:3px}.builder-roster .sprite{width:30px;height:30px}.builder-roster .mini-unit{min-width:25px}}
@media(max-width:360px){.comp-guide .stat strong{font-size:16px}.comp-guide .stat small{font-size:5px}.guide-unit>b{font-size:9px}.guide-roster{gap:6px}.guide-cost{font-size:6px}.guide-section-title>span{font-size:6px}.guide-item-icons{gap:3px}}

/* Types, Game Guide and PvE reference pages; core variants in comp guides. */
.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.type-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--type);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:13px;min-width:0}
.type-card .type-head{display:flex;gap:12px;align-items:center}
.type-badge{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--type) 16%,transparent)}
.type-badge .icon{width:20px;height:20px;color:var(--type)}
.type-card h2{font-size:19px;line-height:1.2;margin:0;color:var(--ink)}
.type-card .type-head small{display:block;font-size:10px;line-height:1.6;color:var(--secondary);margin-top:2px}
.type-desc{font-size:12px;line-height:1.7;margin:0;color:var(--ink)}
.type-desc b{color:color-mix(in srgb,var(--type) 55%,var(--ink))}
.type-members{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.type-member{display:flex;flex-direction:column;align-items:center;background:var(--surface-soft);border:1px solid transparent;border-bottom:2px solid var(--cost,var(--border));border-radius:6px;padding:3px 3px 2px;color:var(--secondary);font-size:8px;line-height:1.3;cursor:pointer}
.type-member:hover{border-color:var(--cost,var(--border))}
.type-member .sprite{width:36px;height:36px;image-rendering:pixelated;filter:none}
.ref-table{width:100%;border-collapse:collapse;font-size:11px;color:var(--ink)}
.ref-table th{font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-align:left;color:var(--secondary);padding:7px 8px;border-bottom:1px solid var(--border);white-space:nowrap}
.ref-table td{padding:8px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap}
.ref-table tr:last-child td{border-bottom:0}
.ref-table small{color:var(--secondary);font-size:9px;margin-left:4px}
.ref-table .tier{width:22px;height:25px;font-size:12px}
.ref-section{margin:0 0 30px}
.ref-section>h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 5px;color:var(--ink)}
.ref-section>p,.ref-lead{font-size:11px;line-height:1.8;color:var(--secondary);margin:0 0 14px;max-width:760px}
.ref-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px 12px;overflow-x:auto}
.cost-dot{color:var(--cost)}
.odds-table td.odds-cell{text-align:center;background:color-mix(in srgb,var(--cost) calc(var(--p)*.5%),transparent)}
.odds-table th[class^=cost-]{text-align:center}
.ref-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ref-fact{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;min-width:0}
.ref-fact label{display:block;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--secondary)}
.ref-fact strong{display:block;font-size:19px;line-height:1.4;margin:4px 0 2px;color:var(--ink);font-variant-numeric:tabular-nums}
.ref-fact small{display:block;font-size:9px;line-height:1.6;color:var(--secondary)}
.seal-cats{margin-bottom:14px}
.seal-cats .chip small{opacity:.65;margin-left:2px}
.seal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.seal-card{--rarity:#8d969b;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--rarity);border-radius:8px;padding:13px 15px;display:flex;flex-direction:column;gap:7px;min-width:0}
.seal-card.rarity-2{--rarity:#4b7bd4}
.seal-card.rarity-3{--rarity:#b9821c}
html[data-theme=dark] .seal-card.rarity-2{--rarity:#8db1f3}
html[data-theme=dark] .seal-card.rarity-3{--rarity:#f0c463}
.seal-card .seal-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.seal-card .seal-head b{font-size:13px;color:var(--ink)}
.seal-rarity{font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--rarity);white-space:nowrap}
.seal-line{font-size:12px;line-height:1.55;margin:0;color:var(--ink)}
.seal-detail{font-size:10px;line-height:1.7;margin:0;color:var(--secondary)}
.seal-card em,.ref-lead em{font-style:normal;font-weight:600;color:var(--accent)}
.seal-card .seal-foot{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;margin-top:auto;padding-top:4px;font-size:9px;color:var(--secondary)}
.seal-types{display:flex;flex-wrap:wrap;gap:3px}
.seal-types .icon{width:13px;height:13px;color:var(--type)}
.seal-hero{display:inline-flex;align-items:center;gap:3px;background:none;border:0;padding:0;color:var(--ink);font-size:9px;cursor:pointer}
.seal-hero .sprite{width:24px;height:24px;image-rendering:pixelated;filter:none}
.pve-summary{margin-bottom:26px}
.pve-stops{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.pve-head,.pve-stop>summary{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(160px,2fr) repeat(3,minmax(64px,.55fr));gap:14px;align-items:center;padding:10px 16px}
.pve-head{font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--secondary);border-bottom:1px solid var(--border)}
.pve-stop{border-bottom:1px solid var(--border)}
.pve-stop:last-child{border-bottom:0}
.pve-stop>summary{list-style:none;cursor:pointer;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}
.pve-stop>summary::-webkit-details-marker{display:none}
.pve-stop>summary:hover,.pve-stop[open]>summary{background:var(--surface-soft)}
.pve-name b{display:block;font-size:13px}
.pve-name small{display:block;font-size:9px;color:var(--secondary)}
.pve-name b:after{content:'\203A';display:inline-block;margin-left:7px;color:var(--secondary);transition:transform .15s}
.pve-stop[open] .pve-name b:after{transform:rotate(90deg)}
.pve-rate{display:flex;align-items:center;gap:10px}
.pve-rate b{min-width:46px;text-align:right}
.pve-bar{flex:1;height:6px;border-radius:3px;background:var(--surface-soft);overflow:hidden}
.pve-stop[open] .pve-bar{background:var(--border)}
.pve-bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}
.pve-cores{padding:6px 16px 14px;display:grid;gap:8px;background:var(--surface-soft)}
.pve-cores p{font-size:10px;color:var(--secondary);margin:0}
.pve-core{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;font-size:11px;color:var(--ink)}
.pve-core small{color:var(--secondary);font-size:9px}
.pve-core-units{display:flex;gap:3px}
.pve-core-units button,.pve-list button{background:none;border:0;padding:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;gap:6px;font:inherit;min-width:0}
.pve-core-units .sprite{width:32px;height:32px;image-rendering:pixelated;filter:none;background:var(--surface);border-radius:5px}
.delta{font-size:10px;font-weight:600;color:var(--secondary)}
.delta.up{color:#3d8653}
.delta.down{color:#b4463a}
html[data-theme=dark] .delta.up{color:#7fd39a}
html[data-theme=dark] .delta.down{color:#f39a8d}
.pve-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pve-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:13px 15px;min-width:0}
.pve-list h3{font-size:14px;margin:0 0 6px;color:var(--ink)}
.pve-list>p{font-size:10px;color:var(--secondary);margin:0}
.pve-list ul{list-style:none;margin:0;padding:0}
.pve-list li{display:grid;grid-template-columns:minmax(0,1fr) 52px 44px 52px;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid var(--border);font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums}
.pve-list li:last-child{border-bottom:0}
.pve-list li>span,.pve-list li>small{text-align:right}
.pve-list li>small{font-size:9px;color:var(--secondary)}
.pve-list li.pve-list-head{font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--secondary)}
.pve-list li.pve-list-head>span:first-child{text-align:left}
.pve-list .sprite{width:30px;height:30px;image-rendering:pixelated;filter:none}
.pve-list b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pve-list li>span.pve-item{display:flex;align-items:center;gap:6px;min-width:0;text-align:left}
.pve-item .item-icon{width:26px;height:26px;flex-shrink:0}
.pve-item .item-icon img{width:22px;height:22px;inset:1px}
.guide-variants{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}
.variant-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.variant{display:grid;grid-template-columns:1fr repeat(3,auto);gap:14px;align-items:center;background:var(--surface-soft);border-radius:6px;padding:8px 12px}
.variant .sprite-row{padding:0;gap:3px;flex-wrap:wrap}
.variant .sprite{width:32px;height:32px}
.variant>span{text-align:right}
.variant b{display:block;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.variant small{display:block;font-size:8px;color:var(--secondary)}
@media(max-width:760px){.type-grid{grid-template-columns:1fr}.type-card{padding:15px}.ref-table td,.ref-table th{padding:7px 5px}.ref-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.seal-grid{grid-template-columns:1fr}.pve-head{display:none}.pve-stop>summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:11px 13px}.pve-stop>summary .pve-name,.pve-stop>summary .pve-rate{grid-column:1/-1}.pve-stop>summary>span[data-label]{font-size:11px}.pve-stop>summary>span[data-label]:before{content:attr(data-label);display:block;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--secondary)}.pve-cores{padding:6px 13px 13px}.pve-core{grid-template-columns:auto 1fr;gap:4px 10px}.pve-split{grid-template-columns:1fr}.variant-list{grid-template-columns:1fr}.variant{gap:9px;padding:8px 9px}.variant .sprite{width:26px;height:26px}.subnav{gap:16px;overflow-x:auto;white-space:nowrap}}
footer{flex-wrap:wrap}
.legal-note{flex-basis:100%;letter-spacing:0;line-height:1.7;opacity:.85}
.comp-synergies{margin:22px 0 4px}
.comp-synergy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.comp-synergy{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--type);border-radius:8px;padding:13px 14px;min-width:0}
.comp-synergy .type-badge{width:34px;height:34px}
.comp-synergy .type-badge .icon{width:17px;height:17px}
.comp-synergy h3{font-size:14px;line-height:1.3;margin:0;color:var(--ink)}
.comp-synergy h3 small{font-size:10px;font-weight:500;color:var(--secondary);margin-left:4px}
.comp-synergy p{font-size:11px;line-height:1.6;margin:4px 0 8px;color:var(--ink)}
.comp-synergy p b{color:color-mix(in srgb,var(--type) 55%,var(--ink))}
.synergy-steps{display:flex;flex-wrap:wrap;gap:5px}
.synergy-steps span{font-size:9px;line-height:1;padding:4px 6px;border-radius:4px;border:1px solid var(--border);color:var(--secondary)}
.synergy-steps span.on{border-color:var(--type);background:color-mix(in srgb,var(--type) 16%,transparent);color:var(--ink);font-weight:600}
.comp-synergy-share{text-align:right;white-space:nowrap}
.comp-synergy-share b{display:block;font-size:14px;color:var(--ink)}
.comp-synergy-share small{font-size:9px;color:var(--secondary)}
@media(max-width:760px){.comp-synergy-list{grid-template-columns:1fr}.comp-synergy{padding:11px 12px;gap:10px}}
@media(max-width:760px){.filter-panel .patch-filter{flex-basis:100%}}
/* Patch notes. */
.pn-section h2 small{font-size:12px;font-weight:600;color:var(--secondary);margin-left:4px}
.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.pn-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--type,var(--border));border-radius:8px;padding:14px 16px;min-width:0}
.pn-card header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pn-card header .sprite{width:42px;height:42px;image-rendering:pixelated}
.pn-card h3{display:flex;align-items:center;gap:7px;font-size:14px;margin:0;color:var(--ink)}
.pn-card header small{font-size:10px;color:var(--secondary)}
.pn-changes{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pn-changes li{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;padding-bottom:6px;border-bottom:1px solid var(--border)}
.pn-changes li:last-child{border-bottom:0;padding-bottom:0}
.pn-label{color:var(--secondary)}
.pn-values{text-align:right;white-space:nowrap;color:var(--ink)}
.pn-values s{color:var(--secondary)}
.pn-values small{font-size:10px;margin-left:2px}
.pn-text{flex-direction:column;gap:4px!important}
.pn-text .pn-values{text-align:left;white-space:normal;display:grid;gap:3px}
.pn-text .pn-values b{font-weight:500}
.pn-note{color:var(--secondary);font-style:italic}
.pn-changes .up,.pn-legend .up{color:#2f8a5b}
.pn-changes .down,.pn-legend .down{color:#c8473a}
html[data-theme=dark] .pn-changes .up,html[data-theme=dark] .pn-legend .up{color:#79d5a4}
html[data-theme=dark] .pn-changes .down,html[data-theme=dark] .pn-legend .down{color:#f08b79}
.pn-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.pn-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px 3px 4px;border-radius:999px;border:1px solid var(--border);color:var(--ink);background:var(--surface)}
.pn-chip .sprite{width:24px;height:24px;image-rendering:pixelated}
.pn-chip .icon{width:14px;height:14px}
.pn-chip .item-icon{width:22px;height:22px}
.pn-chip .item-icon img{width:20px;height:20px;inset:0}
.pn-chip.added{border-color:#2f8a5b;background:color-mix(in srgb,#2f8a5b 10%,var(--surface))}
.pn-chip.removed{border-color:#c8473a;background:color-mix(in srgb,#c8473a 10%,var(--surface));text-decoration:line-through}
.pn-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--secondary);margin:4px 0 18px}
.pn-type{display:inline-grid;place-items:center;color:var(--type)}
.pn-type .icon{width:16px;height:16px}
.pn-early{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.pn-entity{display:flex;align-items:center;gap:7px}
.pn-entity .sprite{width:30px;height:30px;image-rendering:pixelated}
.pn-entity .item-icon{width:26px;height:26px}
.pn-entity .item-icon img{width:22px;height:22px;inset:1px}
.core-only{font-weight:700;color:var(--accent)}
@media(max-width:760px){.pn-grid{grid-template-columns:1fr}}