:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b1726;color:#f5f2e9;font-synthesis:none;--gold:#f0c47d;--muted:#a8bdcd;--line:#b5cfdf24}*{box-sizing:border-box}body{margin:0;line-height:1.55}h1,h2,h3,p,ol{margin:0}a{color:inherit;touch-action:manipulation}img{display:block;max-width:100%;height:auto}a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #8ad7c3;outline-offset:4px}.compare-shell{max-width:1040px;padding-inline:32px;margin-inline:auto}.compare-skip{position:absolute;top:0;left:15px;padding:12px;background:var(--gold);color:#102337;transform:translateY(-160%);z-index:5}.compare-skip:focus{transform:none}.compare-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:22px;border-bottom:1px solid var(--line)}.compare-brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.compare-brand b{color:var(--gold)}.compare-header nav{display:flex;align-items:center;gap:24px}.compare-header nav>a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}.compare-play{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:99px;padding:10px 22px;background:linear-gradient(135deg,#ffe2a4,#efbe70);color:#102337;text-decoration:none;font-weight:700;min-height:44px}.compare-play:hover{filter:brightness(1.08)}.compare-intro{padding-block:42px 28px;text-align:center}.compare-eyebrow{color:#8ad7c3;font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:9px}h1{font-size:clamp(32px,4.3vw,48px);line-height:1.15;letter-spacing:-1.5px}.compare-intro>p:last-child{color:var(--muted);margin-top:13px;font-size:16px}.compare-controls{display:grid;grid-template-columns:1fr 1fr 80px 130px auto;gap:14px;padding:22px;border:1px solid var(--line);background:#122537;border-radius:18px;align-items:end}.compare-controls label{display:block;font-size:11px;letter-spacing:.4px;color:var(--muted);font-weight:700;margin-bottom:7px}.compare-controls select,.compare-controls input{font:inherit;font-size:14px;width:100%;min-width:0;height:47px;border:1px solid #759bb446;background:#0c1d2d;border-radius:9px;color:#f5f2e9;padding:0 12px}.compare-controls button{font:inherit;font-weight:700;font-size:14px;min-height:47px;border:1px solid #f4cc8a;border-radius:9px;padding:0 18px;background:var(--gold);color:#102337;cursor:pointer;white-space:nowrap}.compare-controls button>span{padding-left:10px}.compare-controls-note{grid-column:1/-1;color:var(--muted);font-size:11px}.compare-lineup{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:18px;align-items:start;max-width:820px;margin:38px auto 30px;text-align:center}.compare-creature{min-width:0}.compare-art{display:block;border-radius:22px;overflow:hidden;border:1px solid #739ab348;position:relative;background:#142a3d}.compare-art img{aspect-ratio:1;object-fit:cover}.compare-rarity{position:absolute;top:13px;left:13px;border-radius:7px;padding:5px 11px;background:#0b1a2be8;border:1px solid #f0c47d65;color:var(--gold);font-size:11px;font-weight:700}.compare-creature h2{font-size:23px;letter-spacing:-.5px;line-height:1.2;margin-top:17px;overflow-wrap:anywhere}.compare-creature h2 a{text-decoration:none}.compare-creature h2 a:hover{color:var(--gold)}.compare-stage{color:var(--muted);font-size:12px;margin-top:7px}.compare-type{display:inline-block;font-size:13px;font-weight:700;margin-top:11px}.compare-type-fierce{color:#fa9179}.compare-type-tenacious{color:#ea9dc5}.compare-type-cunning{color:#c0a0ff}.compare-type-guardian{color:#71d4b2}.compare-type-agile{color:#7ecbff}.compare-type-breaker{color:#edc472}.compare-versus{align-self:center;margin-bottom:80px;display:grid;place-items:center;border:1px solid #f0c47d59;border-radius:50%;width:52px;height:52px;color:var(--gold);font-size:13px;font-weight:800}.compare-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.compare-section-head p{color:var(--muted);font-size:11px}section h2{font-size:25px;letter-spacing:-.6px}.compare-stats{margin-top:15px}.compare-stats table{border-collapse:collapse;width:100%;border-block:1px solid var(--line);table-layout:fixed}.compare-stats thead{color:var(--muted);font-size:12px}.compare-stats thead th{padding:13px 10px;font-weight:400}.compare-stats th:nth-child(2){width:30%}.compare-stats tbody tr{border-top:1px solid var(--line)}.compare-stats td{text-align:center;font-size:28px;font-weight:700;padding:12px 10px;font-variant-numeric:tabular-nums}.compare-stats tbody th{font-size:13px;color:var(--muted);font-weight:400}.compare-stats .compare-higher{color:var(--gold)}.compare-power td{font-size:22px}.compare-footnote{font-size:11px;line-height:1.65;color:var(--muted);margin-top:13px;max-width:760px}.compare-abilities,.compare-growth-section{padding-top:38px}.compare-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:18px}.compare-abilities article{background:#13283a;border:1px solid var(--line);border-radius:16px;padding:23px}.compare-abilities h3{font-size:20px;color:#f5f2e9;line-height:1.25}.compare-abilities article>p:not(.compare-eyebrow){font-size:14px;color:var(--muted);margin-top:11px;min-height:44px}.compare-matchups{border-top:1px solid var(--line);padding-top:13px;margin-top:18px;display:flex;justify-content:space-between;gap:14px;font-size:11px}.compare-matchups span{color:var(--muted)}.compare-matchups strong{font-weight:400;color:#8ad7c3;text-align:right}.compare-growth-section article>h3{font-size:14px;margin-bottom:12px}.compare-stage-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-stage-list a{display:block;text-align:center;text-decoration:none;min-width:0}.compare-stage-list img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:12px}.compare-stage-list .compare-current img{border-color:var(--gold)}.compare-stage-list span,.compare-stage-list small{display:block;font-size:11px;margin-top:8px;overflow-wrap:anywhere}.compare-stage-list small{color:var(--muted);font-size:10px;margin-top:3px}.compare-closing{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:40px;padding-block:28px;border-top:1px solid var(--line)}.compare-closing p{color:var(--muted);font-size:13px;margin-top:8px}.compare-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:24px 35px;font-size:12px;color:var(--muted)}.compare-footer nav{display:flex;flex-wrap:wrap;gap:20px}.compare-footer a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none}.compare-footer a:hover{color:var(--gold)}.compare-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.compare-controls{grid-template-columns:1fr 1fr 90px}.compare-choice{grid-column:auto}.compare-controls .compare-level{grid-column:1}.compare-controls .compare-growth{grid-column:2}.compare-controls button{grid-column:3;grid-row:2}.compare-choice:first-child{grid-column:1/2}.compare-choice:nth-child(2){grid-column:2/4}.compare-lineup{gap:10px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.compare-versus{width:36px;height:36px;font-size:10px}.compare-section-head{display:block}.compare-section-head p{margin-top:5px}.compare-footer{flex-direction:column;gap:10px}}
@media(max-width:620px){.compare-shell{padding-inline:18px}.compare-header{padding-block:13px;gap:12px}.compare-brand{font-size:21px;gap:7px}.compare-brand img{width:22px;height:30px}.compare-header nav{gap:13px}.compare-header nav>a{font-size:12px}.compare-header nav>a:nth-child(2){display:inline-flex}.compare-header .compare-play{padding:8px 14px;gap:12px}.compare-intro{padding-block:28px 21px}h1{font-size:35px;letter-spacing:-1.3px}.compare-intro>p:last-child{font-size:13px;margin-top:10px}.compare-controls{grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:14px}.compare-choice:first-child,.compare-choice:nth-child(2){grid-column:auto}.compare-controls .compare-level{grid-column:1}.compare-controls .compare-growth{grid-column:2}.compare-controls button{grid-column:1/-1;grid-row:auto}.compare-controls select,.compare-controls input{font-size:14px;padding-inline:9px}.compare-controls-note{font-size:10px}.compare-lineup{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:7px;margin-block:24px 26px}.compare-versus{width:auto;height:auto;border:0;font-size:9px;margin-bottom:85px}.compare-art{border-radius:15px}.compare-rarity{top:8px;left:8px;padding:3px 7px;font-size:9px}.compare-creature h2{font-size:18px;margin-top:13px;min-height:43px;display:flex;align-items:center;justify-content:center;letter-spacing:-.4px}.compare-stage{font-size:10px;margin-top:5px}.compare-type{font-size:12px;margin-top:7px}section h2{font-size:23px}.compare-stats thead th{font-size:10px;line-height:1.4;padding:12px 5px;overflow-wrap:anywhere}.compare-stats td{font-size:25px;padding:10px 5px}.compare-stats tbody th{font-size:12px}.compare-footnote{font-size:10px}.compare-abilities,.compare-growth-section{padding-top:30px}.compare-pair{gap:12px;margin-top:15px}.compare-abilities article{padding:15px;border-radius:12px}.compare-abilities article .compare-eyebrow{font-size:8px;letter-spacing:1px;min-height:27px}.compare-abilities h3{font-size:17px;overflow-wrap:anywhere}.compare-abilities article>p:not(.compare-eyebrow){font-size:12px;min-height:92px}.compare-matchups{display:block;font-size:10px;margin-top:13px;padding-top:11px}.compare-matchups strong{display:block;text-align:left;margin-top:5px}.compare-stage-list{gap:6px}.compare-stage-list img{border-radius:8px}.compare-stage-list span{font-size:9px;line-height:1.4}.compare-stage-list small{font-size:9px}.compare-growth-section article>h3{font-size:12px;min-height:36px;line-height:1.4}.compare-closing{flex-direction:column;align-items:flex-start;margin-top:28px;padding-block:25px}.compare-footer nav{gap:5px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.compare-header nav>a[aria-current]{color:var(--gold)}
@media(max-width:620px){.compare-header{flex-wrap:wrap;gap:12px}.compare-header nav{width:100%;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:7px}.compare-header nav>a{display:inline-flex;font-size:12px;white-space:nowrap}.compare-header .compare-play{padding:9px 16px}}