.gen-hero{padding-block:var(--space-m) var(--space-s)}.gen-hero h1{margin-block:var(--space-3xs) var(--space-2xs)}.gen-hero .lede{font-size:var(--step-0)}.gen-layout{gap:var(--space-m);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.gen-layout>*{min-width:0}@media (width>=1100px){.gen-layout{grid-template-columns:290px minmax(0,1fr)}.gen-side{top:calc(var(--header-h) + 12px);position:sticky}}.gen-side.ad-tall{position:static}.gen-side>.ad-slot[data-filled]{margin-block:var(--space-s) 0}.gen-side:has(.more-opts[open])>.ad-slot{display:none}.gen-controls{gap:var(--space-s);padding:var(--space-s);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);display:grid}.presets{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;min-height:40px;padding:.35em .9em;font-size:.92rem;font-weight:600}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media (pointer:coarse){.chip{min-height:44px}}.more-opts summary{cursor:pointer;min-height:var(--tap);align-items:center;gap:.4em;font-weight:700;list-style:none;display:flex}.more-opts summary::-webkit-details-marker{display:none}.more-opts summary:before{content:"▸";color:var(--gold);transition:transform var(--dur-fast)}.more-opts[open] summary:before{transform:rotate(90deg)}.opt-grid{gap:var(--space-xs);margin-top:var(--space-2xs);display:grid}.opt-field{gap:4px;font-size:.92rem;display:grid}.opt-field>span,.opt-field legend{color:var(--muted);font-weight:600}.opt-field select{min-height:var(--tap);border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface-2);width:100%;padding:0 .7em}fieldset.opt-field{border:0;margin:0;padding:0}.seg{border:1px solid var(--border);border-radius:var(--radius-s);display:flex;overflow:hidden}.seg label{flex:1;position:relative}.seg input{opacity:0;position:absolute;inset:0}.seg span{background:var(--surface-2);cursor:pointer;place-items:center;min-height:40px;font-weight:600;display:grid}.seg input:checked+span{background:var(--accent);color:var(--on-accent)}.seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}.opt-check{min-height:var(--tap);align-items:center;gap:.5em;font-weight:600;display:flex}.opt-check input{width:20px;height:20px;accent-color:var(--accent)}.linklike-sm{color:var(--muted);background:0 0;border:0;justify-self:start;min-height:32px;font-size:.85rem;text-decoration:underline}.gen-actions{margin-bottom:var(--space-s);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gen-actions .btn-primary{flex:220px;min-width:0}.btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.btn[disabled]{opacity:.45;pointer-events:none}.btn svg{flex-shrink:0}.desktop-only{display:none}@media (width>=768px){.desktop-only{display:inline-flex}}.race-card{background:var(--surface);border-radius:var(--radius-l);padding:var(--space-s);box-shadow:var(--shadow);view-transition-name:race-card}.rc-head{gap:var(--space-s);grid-template-columns:minmax(110px,min(34%,250px)) 1fr;align-items:start;display:grid}@media (width<=479px){.rc-head{grid-template-columns:1fr}.rc-portrait{max-width:220px;margin-inline:auto}}.rc-portrait{position:relative}.rc-portrait svg{filter:drop-shadow(0 8px 16px #00000040);width:100%;height:auto}.rc-portrait .rc-tools{position:absolute;bottom:8px;right:8px}.rc-name-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2xs);display:flex;position:relative}.rc-name{font-size:var(--step-3);word-break:break-word;line-height:1.05}.rc-say{color:var(--muted);margin-top:4px;font-size:.95rem}.rc-concept{margin-top:var(--space-2xs);font-size:var(--step-1);line-height:1.45}.rc-chips{margin-top:var(--space-xs);flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.rc-chips li{border-radius:var(--radius-s);background:var(--surface-2);border:1px solid var(--border);padding:4px 10px;font-size:.9rem;font-weight:650;line-height:1.25;display:grid}.rc-chips span{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-size:.68rem}.rc-alts{margin-top:var(--space-2xs);color:var(--muted);font-size:.9rem}.rc-alts span{color:var(--text);border-bottom:1px dotted var(--muted)}.rc-core-btn{margin-top:var(--space-xs);border:1px dashed var(--border);min-height:40px;color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.88rem;font-weight:600;display:inline-flex}.rc-core-btn:hover:not([disabled]){border-color:var(--accent);color:var(--text)}.rc-core-btn[disabled]{opacity:.5;cursor:not-allowed}.rc-grid{gap:var(--space-s);margin-top:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));display:grid;position:relative}.rc-grid>.ad-slot{margin-block:var(--space-3xs);grid-column:1/-1}.rc-grid>.ad-slot:not([data-filled]){opacity:0;pointer-events:none;margin:0;position:absolute;inset:0 0 auto}.rc-sec{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-s);transition:border-color var(--dur-fast), box-shadow var(--dur-fast)}.rc-sec.is-locked{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.rc-sec-h{margin-bottom:var(--space-2xs);justify-content:space-between;align-items:center;gap:8px;display:flex}.rc-sec-h h3{font-family:var(--font-display);font-size:var(--step-1);color:var(--gold)}.rc-body>*+*{margin-top:var(--space-2xs)}.rc-tools{flex-shrink:0;gap:4px;display:flex}.rc-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.rc-btn:hover{color:var(--text);border-color:var(--accent)}.rc-btn[aria-pressed=true]{color:var(--on-accent);background:var(--gold);border-color:var(--gold)}@media (pointer:coarse){.rc-btn{width:44px;height:44px}}.rc-dl{grid-template-columns:max-content 1fr;gap:6px 12px;font-size:.97rem;display:grid}.rc-dl dt{color:var(--muted);font-weight:700}@media (width<=380px){.rc-dl{grid-template-columns:1fr}.rc-dl dd{margin-bottom:4px}}.rc-list{padding-left:1.2em}.rc-list li+li{margin-top:6px}.rc-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;list-style:none;display:grid}.swatch{text-align:left;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface);grid-template-rows:auto auto;grid-template-columns:26px 1fr;align-items:center;column-gap:8px;width:100%;padding:6px 8px;font-size:.82rem;line-height:1.2;display:grid}.swatch .dot{background:var(--c);border:2px solid #2a1e2e;border-radius:50%;grid-row:span 2;width:26px;height:26px}.swatch .sw-l{font-weight:700}.swatch .sw-n{color:var(--muted)}.swatch code{display:none}.rc-stages{border-radius:var(--radius-s);border:1px solid var(--border);padding:0;list-style:none;display:flex;overflow:hidden}.rc-stages li{flex:0 0 var(--w);background:color-mix(in srgb, var(--accent) 18%, var(--surface));min-width:0;padding:6px;font-size:.75rem;line-height:1.2;display:grid;overflow:hidden}.rc-stages li:nth-child(2n){background:color-mix(in srgb, var(--gold) 18%, var(--surface))}.rc-stages span{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rc-words{border-collapse:collapse;width:100%;font-size:.93rem}.rc-words th,.rc-words td{text-align:left;border-bottom:1px solid var(--border);padding:4px 6px}.rc-words td:first-child{font-style:italic;font-weight:700}.rc-rel{gap:8px;padding:0;list-style:none;display:grid}.rel-tag{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:999px;margin-right:8px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.rel-tag.ally{color:var(--success)}.rel-tag.rival{color:var(--gold)}.rel-tag.feared{color:var(--danger)}.rc-names{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.rc-names li{border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface);padding:4px 10px;line-height:1.2;display:grid}.rc-names small{color:var(--muted);font-size:.72rem}.rc-5e-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-balance{border:2px solid;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:800}.badge-balance.ok{color:var(--success)}.badge-balance.low{color:var(--gold)}.badge-balance.high{color:var(--danger)}.rc-more a{font-size:.93rem;font-weight:600}.ten-h{gap:var(--space-s);margin:var(--space-l) 0 var(--space-s);font-size:var(--step-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ten-h .btn{font-family:var(--font-body);letter-spacing:0;font-size:1rem}.ten-grid,.example-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.ten-pick{text-align:left;color:inherit;background:0 0;border:0;padding:0;display:block}.race-mini{gap:var(--space-xs);padding:var(--space-s);grid-template-columns:84px 1fr;align-items:start;height:100%;display:grid}.race-mini h3{font-family:var(--font-display);font-size:var(--step-1)}.mini-portrait svg{width:84px;height:auto}.mini-type{font-size:.8rem}.mini-concept{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:4px;font-size:.9rem;display:-webkit-box;overflow:hidden}dialog.sheet{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);color:var(--text);padding:var(--space-m);width:min(560px,100% - 24px);max-height:min(80dvh,720px);box-shadow:var(--shadow)}dialog.sheet::backdrop{background:#0000008c}@media (width<=767px){dialog.sheet{border-radius:var(--radius-l) var(--radius-l) 0 0;width:100%;max-width:100%;padding-bottom:calc(var(--space-m) + env(safe-area-inset-bottom));margin:auto 0 0}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-s);margin-bottom:var(--space-s);display:flex}.sheet-head h2{font-size:var(--step-2)}.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;display:grid}.sheet-grid .btn{border-radius:var(--radius-s);justify-content:flex-start}.tabs{margin-bottom:var(--space-s);gap:6px;display:flex}#saved-list{gap:6px;padding:0;list-style:none;display:grid}.saved-item{text-align:left;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);padding:10px 12px;display:grid}.saved-item small{color:var(--muted)}.toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;z-index:80;background:var(--text);color:var(--bg);transition:opacity var(--dur-med), transform var(--dur-med) var(--ease);border-radius:999px;padding:10px 16px;font-weight:650;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.mobile-bar{z-index:60;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bar .btn{min-width:0;min-height:48px;padding-inline:.4em;font-size:.9rem}.mobile-bar .btn span.lbl{display:none}@media (width>=360px){.mobile-bar .btn span.lbl{display:inline}}body:has(.mobile-bar){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.tool-go{z-index:55;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0}.tool-go .btn{justify-content:center;width:100%;min-height:48px}@media (width>=768px){.tool-go{display:none!important}}@media print{.tool-go{display:none!important}}@media (width>=768px){.mobile-bar{display:none}body:has(.mobile-bar){padding-bottom:0}.toast{bottom:32px}}@media print{.gen-controls,.gen-actions,.mobile-bar,#ten-out,.page-content,.toast,dialog{display:none!important}.gen-layout{display:block}.race-card{border:0;padding:0}.rc-grid{grid-template-columns:1fr 1fr}.rc-sec{break-inside:avoid;background:#fff}}::view-transition-old(race-card),::view-transition-new(race-card){animation-duration:.22s}@media screen and (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .fr-draw .rc-portrait svg>g>g:last-child>*{animation:fr-line .75s linear var(--fr-d,0s) backwards, fr-fill .3s ease-out calc(var(--fr-d,0s) + .24s) backwards}:root:not([data-motion=reduce]) .fr-draw .rc-portrait svg>g>g:last-child>[stroke-dasharray]{animation:fr-fade .35s ease-out var(--fr-d,0s) backwards}}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(2){--fr-d:20ms}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(3){--fr-d:40ms}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(4){--fr-d:60ms}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(5){--fr-d:80ms}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(6){--fr-d:.1s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(7){--fr-d:.12s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(8){--fr-d:.14s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(9){--fr-d:.16s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(10){--fr-d:.18s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(11){--fr-d:.2s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(12){--fr-d:.22s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(13){--fr-d:.24s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(14){--fr-d:.26s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(15){--fr-d:.28s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(16){--fr-d:.3s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(17){--fr-d:.32s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(18){--fr-d:.34s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(19){--fr-d:.36s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(20){--fr-d:.38s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(21){--fr-d:.4s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(22){--fr-d:.42s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(23){--fr-d:.44s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(24){--fr-d:.46s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(25){--fr-d:.48s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(26){--fr-d:.5s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(27){--fr-d:.52s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(28){--fr-d:.54s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(29){--fr-d:.56s}.fr-draw .rc-portrait svg>g>g:last-child>:nth-child(n+30){--fr-d:.58s}@keyframes fr-line{0%{stroke-dasharray:1000;stroke-dashoffset:1000px}to{stroke-dasharray:1000;stroke-dashoffset:0}}@keyframes fr-fill{0%{fill-opacity:0}}@keyframes fr-fade{0%{opacity:0}}.rc-name.is-rolling{opacity:0}.rc-reel{pointer-events:none;position:absolute;overflow:hidden}.rc-reel>span{will-change:transform;display:block}.rc-reel>span>span{box-sizing:border-box;white-space:nowrap;display:block}.play-panel{margin-top:var(--space-l)}.play-h{font-size:var(--step-2);margin-bottom:var(--space-s)}.play-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.play-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-s)}.rotd{gap:var(--space-s);grid-template-columns:84px 1fr;align-items:start;display:grid}.rotd[hidden]{display:none}.rotd-portrait svg{width:84px;height:auto}.rotd-name{font-family:var(--font-display);font-size:var(--step-1);font-weight:700}.rotd-type,.rotd-meta{margin-bottom:6px;font-size:.85rem}.challenge summary{cursor:pointer;align-items:center;gap:8px;min-height:36px;list-style:none;display:flex}.challenge summary::-webkit-details-marker{display:none}.ch-rules{margin:var(--space-2xs) 0;gap:6px;padding:0;list-style:none;display:grid}.ch-rules li{border-radius:var(--radius-s);background:var(--bg);border:1px solid var(--border);gap:8px;padding:6px 10px;display:flex}.ch-rules li.ok{border-color:var(--success);color:var(--success);font-weight:650}.ch-tries{margin-bottom:6px;font-size:.9rem}.challenge.is-done{border-color:var(--success)}.play-chips{margin-top:var(--space-s);flex-wrap:wrap;gap:8px;display:flex}.pick-list{gap:6px;padding:0;list-style:none;display:grid}.wheel{width:min(100%,320px);height:auto;margin:0 auto var(--space-s);display:block}.wheel-result{text-align:center;min-height:1.6em;margin-bottom:var(--space-xs);font-weight:700}dialog.sheet-wide{width:min(760px,100% - 24px)}.duel-sides{gap:var(--space-s);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.duel-side{padding:var(--space-xs);border-radius:var(--radius-m);border:1px solid var(--border);justify-items:center;gap:4px;display:grid}.duel-side.won{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.duel-portrait svg{width:min(120px,26vw);height:auto}.duel-side small{color:var(--muted);font-size:.78rem}.duel-vs{font-family:var(--font-display);font-size:var(--step-2);color:var(--gold)}.hp{background:var(--surface-2);border-radius:99px;width:100%;height:8px;overflow:hidden}.hp span{background:var(--success);height:100%;display:block}.duel-result{text-align:center;font-family:var(--font-display);font-size:var(--step-2);margin:var(--space-s) 0 var(--space-2xs)}.duel-log{max-height:240px;padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);font-size:.9rem;list-style:none;overflow:auto}.duel-log li+li{margin-top:4px}.duel-log .who-n{color:var(--gold);margin-top:6px;font-weight:700}.duel-log .who-a,.duel-log .who-b{border-left:3px solid var(--accent);padding-left:10px}.duel-log .who-b{border-left-color:var(--gold)}.opt-field input[type=text],.opt-field input[type=number],.opt-field textarea{min-height:var(--tap);border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;padding:0 .7em}.opt-field textarea{padding:.5em .7em}.pk-card{gap:var(--space-s);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-s);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=560px){.pk-card{grid-template-columns:170px minmax(0,1fr)}}.pk-portrait svg{width:min(100%,200px);height:auto;margin-inline:auto;display:block}.pk-pool{border:1px solid var(--border);background:var(--surface-2);border-radius:99px;margin-bottom:6px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.pk-pool.pool-srd2024{border-color:var(--accent)}.pk-pool.pool-classic{border-color:var(--gold)}.pk-name{font-family:var(--font-display);font-size:var(--step-3);overflow-wrap:anywhere;margin-bottom:6px;line-height:1.1}h3.pk-name{font-size:var(--step-1)}.pk-cls{color:var(--gold)}.pk-player{margin:0 0 4px;font-weight:800}.pk-sum{margin-bottom:var(--space-2xs)}.pk-stats{margin:0 0 var(--space-2xs);flex-wrap:wrap;gap:6px;padding:0;font-size:.88rem;list-style:none;display:flex}.pk-stats li{border-radius:var(--radius-s);background:var(--bg);border:1px solid var(--border);padding:3px 10px}.pk-stats b{color:var(--muted);margin-right:4px;font-weight:650}.pk-traits{margin:0 0 var(--space-2xs);gap:4px;padding-left:1.1em;font-size:.94rem;display:grid}.pk-class{margin:var(--space-2xs) 0 0;border-radius:var(--radius-s);background:var(--surface-2);padding:8px 12px}.pt-grid{gap:var(--space-s);margin-top:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.pt-grid .pk-card{grid-template-columns:84px minmax(0,1fr);align-content:start}.pt-grid .pk-portrait svg{width:84px}.pt-grid .pk-traits,.pt-grid .pk-stats{display:none}.pt-grid .pk-class{padding:4px 8px;font-size:.88rem}.pt-member{gap:6px;display:grid}.pt-member .btn{justify-self:start}.dr-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px;display:grid}.dr-race{text-align:left;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface);min-height:56px;color:var(--text);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;font-size:.9rem;font-weight:650;line-height:1.2;display:grid}.dr-race svg{width:44px;height:auto}.dr-race small{color:var(--muted);font-size:.76rem;font-weight:500;display:block}.dr-race:not(:disabled):hover{border-color:var(--accent)}.dr-race.is-banned{opacity:.45;text-decoration:line-through}.dr-race.is-picked{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.dr-race:disabled{cursor:default}.hb-fields .seg span{text-align:center;padding:4px 8px;line-height:1.2}.hb-trait{text-align:left;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;gap:4px;padding:8px 10px;font-size:.86rem;line-height:1.35;display:grid}.hb-trait[hidden]{display:none}.hb-trait:hover{border-color:var(--accent)}.hb-trait[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;background:var(--surface-2)}.hb-trait[aria-pressed=true] .hb-trait-top strong:before{content:"✓ ";color:var(--accent)}.hb-trait-top{justify-content:space-between;align-items:baseline;gap:8px;font-size:.95rem;display:flex}.hb-trait-text{color:var(--muted)}.hb-cost{border:1px solid;border-radius:99px;flex-shrink:0;padding:1px 8px;font-size:.8rem;font-weight:800}.hb-cost.pos{color:var(--text)}.hb-cost.neg{color:var(--success)}.hb-cost.zero{color:var(--muted)}.hb-custom-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hb-custom-list li{border-radius:var(--radius-s);border:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.hb-meter{height:36px;margin:6px 0 8px;position:relative}.hb-zones{--zw:color-mix(in srgb, var(--surface-2) 60%, #4a6fc9);--zb:color-mix(in srgb, var(--surface-2) 35%, #2f9e74);--zs:color-mix(in srgb, var(--surface-2) 45%, #d4573b);background:linear-gradient(to right, var(--zw) 0 42.5%, var(--zb) 42.5% 72.5%, var(--zs) 72.5% 100%) top left / 100% 14px no-repeat;text-transform:uppercase;letter-spacing:.04em;grid-template-columns:42.5% 30% 27.5%;height:100%;font-size:.72rem;font-weight:800;display:grid}.hb-zones span{color:var(--muted);justify-content:center;align-items:flex-end;display:flex}.hb-mark{background:var(--text);width:6px;height:22px;box-shadow:0 0 0 2px var(--bg);border-radius:3px;margin-left:-3px;transition:left .25s;position:absolute;top:-4px}@media (prefers-reduced-motion:reduce){.hb-mark{transition:none}}.hb-meter-text{font-size:var(--step-1);margin:0 0 6px}.hb-warn{gap:4px;margin:0 0 6px;padding:0;font-size:.88rem;list-style:none;display:grid}.hb-warn li{border-radius:var(--radius-s);border-left:4px solid var(--muted);background:var(--bg);padding:6px 10px}.hb-warn li.ok{border-left-color:var(--success)}.hb-warn li.warn{border-left-color:var(--danger)}.hb-breakdown summary{cursor:pointer;align-items:center;min-height:32px;font-size:.9rem;font-weight:650;display:flex}.hb-breakdown ul{margin:4px 0 0;padding-left:1.2em;font-size:.86rem}.hb-sheet{padding:var(--space-s);font-size:.95rem}.hb-sheet-head{gap:var(--space-s);margin-bottom:var(--space-2xs);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.hb-sheet-head:has(.hb-sheet-portrait){grid-template-columns:96px minmax(0,1fr)}.hb-sheet-portrait svg{width:96px;height:auto;display:block}.hb-sheet-name{font-family:var(--font-display);font-size:var(--step-2);overflow-wrap:anywhere;line-height:1.1}.hb-concept{color:var(--muted);margin:4px 0}.hb-band{border:1px solid;border-radius:99px;margin:0;padding:2px 10px;font-size:.82rem;font-weight:800;display:inline-block}.hb-band.band-balanced{color:var(--success)}.hb-band.band-weak{color:var(--muted)}.hb-band.band-strong{color:var(--danger)}.hb-sheet h3{font-family:var(--font-display);font-size:var(--step-1);margin:var(--space-s) 0 6px;border-bottom:2px solid var(--gold);padding-bottom:4px}.hb-row{margin:0 0 6px}.hb-credit{margin:var(--space-s) 0 0;color:var(--muted);font-size:.78rem}@media (width<=999px){body:has(.hb-bar){padding-bottom:56px}}.table-wrap{margin-block:var(--space-s);position:relative;overflow-x:auto}.pk-table{border-collapse:collapse;width:100%;font-size:.92rem}.pk-table th,.pk-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.pk-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.table-wrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pk-small{font-size:.85rem}.nm-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.nm-row{border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;padding:8px 10px;display:flex}.nm-portrait svg{width:44px;height:auto;display:block}.nm-text{flex:170px;min-width:0}.nm-main{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;display:flex}.nm-name{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);overflow-wrap:break-word}.nm-say{color:var(--muted);font-variant:small-caps;letter-spacing:.02em;font-size:.82rem}.nm-meaning,.nm-sub{color:var(--muted);margin:2px 0 0;font-size:.86rem}.nm-meaning{font-style:italic}.nm-btns{flex-shrink:0;gap:2px;margin-left:auto;display:flex}.nm-btn{border-radius:var(--radius-s);width:40px;height:40px;color:var(--text);background:0 0;border:1px solid #0000;font-size:1.05rem}.nm-btn:hover{border-color:var(--border);background:var(--surface-2)}.nm-btn[aria-pressed=true]{color:var(--gold)}@media (pointer:coarse){.nm-btn{width:44px;height:44px}}.nm-favs{gap:6px;padding:0;list-style:none;display:grid}.nm-favs li{border:1px solid var(--border);border-radius:var(--radius-s);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.btn-sm{min-height:36px;padding:.2em .8em;font-size:.88rem}.tool-bar{margin-block:var(--space-s);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-s)}.opt-row{gap:var(--space-xs) var(--space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));align-items:end;display:grid}.opt-row .opt-field input[type=text]{width:100%}.game-grid{gap:var(--space-s);margin-top:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.vs-pair{margin-block:var(--space-xs);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.vs-pair .btn{min-height:56px;font-family:var(--font-display);font-size:var(--step-0);overflow-wrap:anywhere}.vs-pair span{font-family:var(--font-display);color:var(--gold)}.quiz-opts{margin-block:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.quiz-opts .btn.right{border-color:var(--success);color:var(--success)}.quiz-opts .btn.wrong{border-color:var(--danger);color:var(--danger)}.big-name{font-family:var(--font-display);font-size:var(--step-3);text-align:center;margin:var(--space-xs) 0;overflow-wrap:anywhere}.sb{--sb-red:#7a200d;color:#1f1a14;border-radius:var(--radius-m);box-shadow:var(--shadow);background:#fdf5e1;border-top:5px solid #d8962a;border-bottom:5px solid #d8962a;padding:14px 18px;font-size:.95rem;line-height:1.45}.sb-name{font-family:var(--font-display);color:var(--sb-red);font-size:var(--step-2);overflow-wrap:anywhere;margin:0;line-height:1.1}.sb-sub{margin:2px 0 0;font-size:.9rem}.sb-rule{background:linear-gradient(90deg,#922610 60%,#92261000);border:0;height:3px;margin:8px 0}.sb-line{margin:2px 0}.sb-line b,.sb-ab th{color:var(--sb-red)}.sb-gap{width:1.4em;display:inline-block}.sb-pb{margin-left:1em}.sb-ab{border-collapse:collapse;text-align:center;width:100%;font-size:.9rem}.sb-ab th,.sb-ab td{padding:2px 3px}.sb-ab24{table-layout:fixed;border-spacing:2px;border-collapse:separate;font-size:.82rem}.sb-ab24 th,.sb-ab24 td{padding:2px 1px}.sb-ab24 thead th{color:#6b5a48;font-size:.72rem;font-weight:600}.sb-ab24 td{background:#efe3c4}.sb-ab24 .sb-m+td,.sb-ab24 .sb-m+td+td,.sb-ab24 .sb-m+td+td+td{background:#e6dcc9}.sb-h{font-family:var(--font-display);color:var(--sb-red);font-size:var(--step-1);border-bottom:1px solid #922610;margin:12px 0 6px;padding-bottom:2px}.sb-feat{margin:0 0 6px}.sb-feat em{font-style:italic}@media (width>=760px){.sb-2col .sb-in{columns:2;column-gap:28px}.sb-2col .sb-ab,.sb-2col .sb-feat,.sb-2col .sb-h{break-inside:avoid}}.threat{background:linear-gradient(90deg,#2f9e74,#e7c65a 55%,#d4573b);border-radius:99px;height:12px;margin:6px 0 4px;position:relative}.threat span{background:var(--text);width:6px;height:20px;box-shadow:0 0 0 2px var(--bg);border-radius:3px;margin-left:-3px;position:absolute;top:-4px}.duel-log2{gap:4px;max-height:320px;padding:0;font-size:.9rem;list-style:none;display:grid;overflow-y:auto}.duel-log2 li{border-left:3px solid var(--muted);background:var(--bg);border-radius:4px;padding:4px 10px}.duel-log2 .a{border-left-color:var(--accent)}.duel-log2 .b{border-left-color:var(--gold)}.mg-card{gap:var(--space-s);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=900px){.mg-card{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}}.mg-side{padding:var(--space-s)}.mg-side p{margin:0 0 6px}.mg-pic svg{width:min(180px,60%);height:auto;margin:0 auto var(--space-xs);display:block}.mg-block{min-width:0}.sbm-sec{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);padding:var(--space-s);margin:0 0 var(--space-s);gap:var(--space-xs);display:grid}.sbm-sec legend{font-family:var(--font-display);font-weight:700;font-size:var(--step-0);padding:0 6px}.sbm-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));display:grid}.sbm-abil{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.sbm-checks{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:2px 12px;display:grid}.sbm-item{gap:var(--space-xs);padding:var(--space-xs);border:1px dashed var(--border);border-radius:var(--radius-s);display:grid}.sbm-item .btn-sm{justify-self:start}.sbm-sec input[type=text],.sbm-sec input[type=number],.sbm-sec textarea,.sbm-sec select{width:100%;min-height:var(--tap);border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;padding:0 .6em}.sbm-sec textarea{padding:.5em .6em}.sbm-sec output{min-height:var(--tap);align-items:center;font-weight:700;display:flex}.sbm-abil output{min-height:0;color:var(--accent);display:inline}.sp-pic svg{filter:none}.sp-chain{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.85rem;display:flex}.sp-chain span{border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg);padding:4px 10px}.sp-chain .sp-me{border-color:var(--accent);font-weight:700}.sp-chain b{color:var(--gold)}.sp-badge{background:linear-gradient(135deg, var(--c1), var(--c2)) left / 20px 100% no-repeat, var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:99px;margin:0;padding:6px 14px 6px 30px;font-weight:700;display:inline-block}.sp-pips{color:var(--gold);letter-spacing:2px}.rc-swatches li{align-items:center;gap:8px;font-size:.85rem;display:flex}.rc-swatches .sw{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:22px;height:22px}.eco-web{gap:8px;display:grid}.eco-row{border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:6px 10px;display:grid}.eco-row svg{width:56px;height:auto}.eco-arrow{text-align:center;color:var(--gold);font-size:.85rem}.hearts{letter-spacing:2px;font-size:1.3rem}.opt-field input[type=range]{width:100%;height:44px;accent-color:var(--accent);cursor:pointer;margin:0}.ag-card{gap:var(--space-s);padding:var(--space-s) var(--space-m);margin-top:var(--space-s);grid-template-columns:minmax(0,1fr);display:grid}.ag-pics{gap:var(--space-s);align-items:end;display:flex}.ag-portrait svg{width:clamp(110px,28vw,170px);height:auto;display:block}.ag-figure svg{width:clamp(54px,14vw,86px);height:auto;display:block}.ag-sentence{font-family:var(--font-display);font-size:var(--step-2);margin:0 0 var(--space-xs);line-height:1.2}.ag-sentence b{color:var(--gold)}.ag-stage{background:var(--stage,#9ed38a);color:#2a1e2e;border:2px solid #2a1e2e;border-radius:999px;padding:4px 12px;font-weight:700;display:inline-block}.ag-beyond{color:var(--danger);font-weight:600}.ag-tl{max-width:1000px;overflow:hidden}.age-timeline{width:100%;height:auto;color:var(--text);display:block}.ag-legend{font-size:var(--step--1);flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;list-style:none;display:none}.ag-legend span{background:var(--stage);vertical-align:-1px;border:1px solid #2a1e2e;border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}@media (width<=640px){.age-timeline text{display:none}.ag-legend{display:flex}}@media (width>=760px){.ag-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.ag-tl{grid-column:1/-1}}.age-all{margin:var(--space-xs) 0 0;gap:4px;column-gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.age-all li{font-size:var(--step--1);grid-template-columns:7.5em minmax(0,1fr) 4.2em;align-items:center;gap:8px;display:grid}.age-all-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.age-all-bar{width:var(--w);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;height:12px;display:block;overflow:hidden}.age-all-bar>span{width:var(--f);background:var(--accent);height:100%;display:block}.age-all b{text-align:right;font-variant-numeric:tabular-nums}.hw-card{gap:var(--space-s);padding:var(--space-s) var(--space-m);margin-top:var(--space-s);grid-template-columns:110px minmax(0,1fr);align-items:start;display:grid}.hw-portrait svg{width:110px;height:auto;display:block}.hw-main p{margin:0 0 6px}.hw-nums{gap:var(--space-s) var(--space-l);margin:4px 0 var(--space-xs);flex-wrap:wrap;display:flex}.hw-nums>div{display:grid}.hw-big{font-family:var(--font-display);font-size:var(--step-3);color:var(--gold);line-height:1.1}.hw-nums small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:700}@media (width<=420px){.hw-card{padding:var(--space-s);grid-template-columns:76px minmax(0,1fr)}.hw-portrait svg{width:76px}}.hw-chart{border-radius:var(--radius-s);background:var(--surface-2);padding:var(--space-xs);color:var(--text);overflow-x:auto}.size-chart{width:100%;min-width:520px;height:auto;max-height:460px;display:block}.hw-party{gap:var(--space-xs);margin-top:var(--space-s);display:grid}.hw-member{gap:6px var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:end;display:flex}.hw-member .opt-field{flex:130px;min-width:0}.hw-member .opt-field input{width:100%}.hw-member>.btn{flex:none}.hw-line{margin:var(--space-xs) 0;gap:6px;padding:0;list-style:none;display:grid}.hw-pick{border-radius:var(--radius-m);text-align:left;justify-content:flex-start;width:100%;min-height:48px}.hw-pick b{background:var(--accent);width:1.6em;height:1.6em;color:var(--on-accent);border-radius:50%;place-items:center;margin-right:6px;display:inline-grid}.hw-pick.picked{opacity:.8}.hw-pick.right{border-color:var(--success);box-shadow:inset 4px 0 0 var(--success)}.hw-pick.wrong{border-color:var(--danger);box-shadow:inset 4px 0 0 var(--danger)}.qz-progress{background:var(--surface-2);border:1px solid var(--border);height:8px;margin-bottom:var(--space-xs);border-radius:4px;overflow:hidden}.qz-progress>span{background:var(--accent);width:0;height:100%;transition:width var(--dur-fast,.15s) ease;display:block}.qz-question{font-size:var(--step-2);margin:0 0 var(--space-s);outline:none}.qz-answers{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.qz-a{border-radius:var(--radius-m);text-align:left;min-height:64px;font-size:var(--step-0);white-space:normal;justify-content:flex-start}.qz-a.chosen{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.qz-key{border:1px solid var(--border);width:1.7em;height:1.7em;color:var(--muted);border-radius:6px;flex:none;place-items:center;margin-right:10px;font-size:.85em;display:inline-grid}.qz-friend{padding:var(--space-xs) var(--space-s);border:1px dashed var(--gold);border-radius:var(--radius-s)}.qz-card{gap:var(--space-s) var(--space-m);padding:var(--space-m);grid-template-columns:minmax(0,1fr);display:grid}.qz-pic svg{width:min(220px,60vw);height:auto;margin-inline:auto;display:block}.qz-name{font-size:var(--step-3);margin:0}.qz-match{font-size:var(--step-1);margin:4px 0}.qz-match b{color:var(--gold);font-family:var(--font-display);font-size:var(--step-2)}.qz-chips,.qz-traits{margin:var(--space-xs) 0;flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.qz-chips li,.qz-traits li{background:var(--surface-2);border:1px solid var(--border);font-weight:600;font-size:var(--step--1);border-radius:999px;padding:4px 12px}.qz-radar{width:100%;max-width:400px;height:auto;color:var(--text);display:block}.qz-actions{grid-column:1/-1}@media (width>=900px){.qz-card{grid-template-columns:220px minmax(0,1fr) 340px;align-items:start}}.qz-found{margin-top:var(--space-m)}.qz-found-grid{font-size:var(--step--1);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:6px;padding:0;list-style:none;display:grid}.qz-found-grid li{border-radius:var(--radius-s);border:1px solid var(--border);padding:6px 10px}.qz-found-grid li.got{background:var(--surface-2);font-weight:700}.qz-vs{margin-top:var(--space-s)}.qz-vs-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.qz-mini{gap:var(--space-s);padding:var(--space-s);grid-template-columns:80px minmax(0,1fr);align-items:center;display:grid}.qz-mini-pic svg{width:80px;height:auto;display:block}.qz-mini p{margin:0}.qz-mini-name{font-family:var(--font-display);font-size:var(--step-1)}