:root{color-scheme:dark;--bg:#101214;--ink:#eff0e9;--muted:#b2bac3;--line:#343b40;--mint:#96f2cd;--purple:#b7a0ff;--mono:Consolas,"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse 850px 700px at 70% 0,#96f2cd09,transparent),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.wrap{width:min(1080px,calc(100% - 40px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;border-bottom:1px solid var(--line);font-size:12px}.wordmark{font:700 18px var(--mono);letter-spacing:.08em}.wordmark span{color:#ffe477}.skip{position:absolute;top:-100px;left:16px;background:var(--bg);padding:12px;z-index:3}.skip:focus{top:12px}section{padding-block:64px;border-bottom:1px solid var(--line)}.intro{padding-top:64px}.eyebrow{font:700 11px/1.5 var(--mono);color:var(--mint);letter-spacing:.14em;margin:0 0 24px}h1{font:900 clamp(54px,10vw,112px)/1 var(--mono);letter-spacing:-.06em;margin:0 0 32px}h1 span{color:var(--mint)}h2{font-size:clamp(24px,3.4vw,36px);line-height:1.5;letter-spacing:.015em;margin:0 0 24px}h3{font-size:17px;line-height:1.5;margin:0 0 10px}p{margin:0 0 16px;color:var(--muted);font-size:15px}strong{color:var(--ink)}.lead{font-weight:700;font-size:clamp(21px,3vw,28px);color:var(--ink)}.contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:36px;font-size:12px}.contents a{padding:14px 0;border-bottom:1px solid var(--line)}.flow-layout{display:grid;gap:30px}.steps{padding:0;margin:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;position:relative;padding:0 0 24px 44px}.steps li::before{content:"0" counter(steps);position:absolute;left:0;top:0;font:700 14px/1.8 var(--mono);color:var(--mint)}.steps p{font-size:14px}.screen{margin:0;padding:8px;border:1px solid var(--line);background:#191d21;box-shadow:0 6px 20px #0003;align-self:start;max-width:400px;justify-self:center}.screen img{width:100%;height:auto;display:block}.screen figcaption{font-size:11px;color:var(--muted);padding:12px 8px 4px}.asset-placeholder{padding:24px;border:1px dashed var(--line);margin-top:28px;text-align:center;background:#ffffff02}.asset-placeholder span{font:12px var(--mono);color:var(--muted)}.asset-placeholder p{font-size:12px;margin:6px 0 0}.roulette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}.roulette>div{background:#191d21;padding:22px 16px}.roulette span{font-size:12px;color:var(--muted)}.roulette strong{display:block;font:700 44px/1.3 var(--mono);color:var(--mint)}.roulette small{font-size:18px}.roulette p{font-size:11px;margin:8px 0 0}.roulette>div:nth-child(2) strong{color:var(--purple)}.roulette>div:nth-child(3) strong{color:#ffe477}.roulette>div:nth-child(4) strong{color:#ff91d0}.example{padding:24px;border-left:2px solid #96f2cd70;background:#ffffff03;margin-block:24px;font-size:14px}.example p:last-child{margin-bottom:0}.compact{padding-left:24px;color:var(--muted);font-size:14px}.compact li{padding-block:4px}.note{font-size:12px;line-height:1.85}.legend{display:flex;flex-wrap:wrap;gap:10px 24px;font:12px var(--mono);margin-block:28px;color:var(--mint)}.affinities{display:grid;gap:12px;margin-bottom:24px}.affinity{border:1px solid var(--line);border-top-color:var(--accent);padding:22px;background:#191d21}.affinity h3{font:700 20px var(--mono);color:var(--accent)}.affinity dl{display:grid;grid-template-columns:78px 1fr;gap:8px;margin:20px 0 0;font-size:13px}.affinity dt{color:var(--muted)}.affinity dd{margin:0;overflow-wrap:anywhere}.reference h2{font-size:26px}.reference>p:not(.eyebrow){font-size:13px}.reference-list{margin:28px 0}.reference-list>div{border-top:1px solid var(--line);padding:20px 0;display:grid;gap:8px}.reference-list dt{font-weight:700;font-size:15px}.reference-list dt span{display:inline-block;margin-left:8px;color:var(--muted);font-size:11px;font-weight:400}.reference-list dd{margin:0;font-size:13px;color:var(--muted);line-height:2}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:16px 0}summary{cursor:pointer;font-size:13px;color:var(--ink);padding:6px 0}details p{font-size:13px;margin:14px 0 0}.tips{display:grid;gap:28px}.tips article{border-top:1px solid var(--line);padding-top:22px}.tips p{font-size:14px}.closing{text-align:center}.button{display:inline-flex;padding:14px 28px;margin:8px 0 20px;border:1px solid #96f2cd70;background:#191d21;color:var(--mint);font:700 16px/1.6 system-ui,sans-serif;min-height:48px}.button:disabled{color:var(--muted);border-color:var(--line)}.button:not(:disabled):hover,.button:not(:disabled):active{background:#26332d}.back{display:block;font-size:13px;color:var(--muted)}footer{padding-block:28px 36px;display:flex;flex-wrap:wrap;gap:16px 24px;font-size:11px;color:var(--muted)}footer small{margin-left:auto}
@media(min-width:700px){section{padding-block:88px}.contents{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-layout{grid-template-columns:1.15fr 1fr;gap:64px}.roulette{grid-template-columns:repeat(4,minmax(0,1fr))}.affinities{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reference-list>div{grid-template-columns:210px 1fr;gap:24px}.reference-list dt span{display:block;margin:2px 0 0}.tips{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-placeholder{padding:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact guide and mobile-friendly matchup table */
section{padding-block:36px}.intro{padding-top:36px}h1{font-size:clamp(44px,8vw,80px);margin-bottom:20px}.eyebrow{margin-bottom:16px}h2{margin-bottom:18px}.contents{margin-top:22px}.steps li{padding-bottom:16px}.screen{max-width:280px}.reference-list{margin:18px 0}.reference-list>div{padding:12px 0;gap:4px}.reference-list dt span{display:inline-block;margin-left:8px}.asset-placeholder{padding:12px;margin-top:16px}.roulette{margin:18px 0}.roulette>div{padding:14px 12px}.matchup-table{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 16px;table-layout:fixed}.matchup-table caption{text-align:left;color:var(--muted);font-size:13px;padding-bottom:14px}.matchup-table th,.matchup-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.matchup-table th:first-child{width:25%}.matchup-table thead{background:#191d21}.matchup-table td{color:var(--muted)}.matchup-table tbody th{font-family:var(--mono)}
@media(min-width:700px){section{padding-block:48px}.reference-list>div{grid-template-columns:210px 1fr}.asset-placeholder{padding:16px}.matchup-table th,.matchup-table td{padding:12px 16px}}
@media(max-width:380px){.matchup-table{font-size:11px}.matchup-table th,.matchup-table td{padding:10px 5px}}

/* Eight-by-eight attribute matrix */
.matchup-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.matchup-scroll:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.matchup-table{min-width:660px;table-layout:fixed}.matchup-table th:first-child{width:116px}.matchup-table thead th{font:700 12px/1.6 var(--mono)}.matchup-table th,.matchup-table td{text-align:center;padding:12px 8px}.matchup-table tbody th{text-align:left;position:sticky;left:0;background:var(--bg)}.matchup-table td{font-size:20px}.matchup-table td.good{color:var(--mint)}.matchup-table td.bad{color:#b7a0ff}.matchup-table td.normal{color:var(--muted)}.table-hint{margin-top:8px;font-size:11px}@media(min-width:740px){.table-hint{display:none}}

/* Original game icons and BUZZ letter colors */
.type-icon{display:inline-block;width:24px;height:24px;image-rendering:pixelated;vertical-align:middle}.matchup-table thead .type-icon{display:block;margin:0 auto 6px}.matchup-table tbody .type-icon{margin-right:6px}.type-name{vertical-align:middle}.guts-icon{width:32px;height:32px;image-rendering:pixelated;vertical-align:middle;margin-right:10px}.reference-list dt .buzz-word{margin:0;font:inherit;color:inherit;display:inline-flex}.buzz-word b:nth-child(1){color:#ff8094}.buzz-word b:nth-child(2){color:#8dcde8}.buzz-word b:nth-child(3){color:#ffe477}.buzz-word b:nth-child(4){color:#98d9a4}

/* Clearer matrix with quiet tinted cells and Japanese-first labels */
.type-name{display:inline-block;color:#f3f4ef;font:700 15px/1.4 system-ui,sans-serif}.type-name small{display:block;color:#c1cbd1;font:400 10px/1.5 var(--mono);margin-top:2px}.matchup-table{border:1px solid #56636d}.matchup-table th,.matchup-table td{border:1px solid #48545e}.matchup-table thead th,.matchup-table tbody th{background:#232d35}.matchup-table tbody td.good{background:#233d35;color:#c4f5db;font-weight:700}.matchup-table tbody td.bad{background:#363044;color:#e3d6ff;font-weight:700}.matchup-table tbody td.normal{background:#1a2228;color:#d4dce0}.matchup-table caption{color:#e3e9e6}.matchup-table tbody th{z-index:1}.flow-layout .roulette{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-layout>div{min-width:0}.contents{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Compact matchup cells; preserve all text and icon sizes. */
.matchup-table{min-width:600px}.matchup-table th:first-child{width:104px}.matchup-table th,.matchup-table td{padding:7px 5px}.matchup-table thead .type-icon{margin-bottom:3px}.matchup-table tbody .type-icon{margin-right:4px}.matchup-table .type-name,.matchup-table .type-name small{color:inherit}.matchup-table th:nth-child(2){--type-color:#ff9b80}.matchup-table th:nth-child(3){--type-color:#8dcde8}.matchup-table th:nth-child(4){--type-color:#98d9a4}.matchup-table th:nth-child(5){--type-color:#b9dfcc}.matchup-table th:nth-child(6){--type-color:#ffe477}.matchup-table th:nth-child(7){--type-color:#b7a0ff}.matchup-table th:nth-child(8){--type-color:#d9af80}.matchup-table th:nth-child(9){--type-color:#e1d984}.matchup-table thead th{color:var(--type-color,var(--ink))}

.move-order-screen{max-width:320px;margin:28px auto 0}

.card-sides{padding-top:24px}.card-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-side-grid .screen{width:100%;max-width:220px;padding:5px}.card-side-grid figcaption{font-size:10px;padding:8px 3px 3px}@media(max-width:480px){.card-side-grid{grid-template-columns:1fr}.card-side-grid .screen{max-width:240px}}

.battle-screens{display:grid;grid-template-columns:minmax(0,280px);justify-content:center;gap:16px;margin:28px 0}.battle-screens .screen{width:100%;max-width:280px}.battle-screens figcaption{text-align:center}@media(min-width:700px){.battle-screens{grid-template-columns:minmax(0,260px)}.battle-screens .screen{max-width:260px}}

.party-screen{max-width:320px;margin:20px auto 32px}