:root{--acc-expand:.25s;--acc-collapse:.25s;--acc-chevron:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1)}.t-acc-panel{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true] .t-acc-panel{transition:grid-template-rows var(--acc-expand) var(--acc-ease);grid-template-rows:1fr}.t-acc-panel-inner{opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse) var(--acc-ease), filter var(--acc-collapse) var(--acc-ease);overflow:hidden}.t-acc[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur();transition:opacity var(--acc-expand) var(--acc-ease), filter var(--acc-expand) var(--acc-ease)}.t-acc-chevron{transform-origin:50%;transition:transform var(--acc-chevron) var(--acc-ease);display:inline-flex;transform:scaleY(1)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.t-acc[data-open=true] .t-acc-chevron{transform:scaleY(-1)}@media (prefers-reduced-motion:reduce){.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron{transition:none!important}}:root{--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1)}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}@media (prefers-reduced-motion:reduce){.t-modal{transition:none!important}}.element-badge{--element-color:#35bdd4;background:var(--element-color);vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;box-shadow:0 2px 4px #25304417}.element-badge[data-type=ice]{--element-color:#3bbfd4}.element-badge[data-type=light]{--element-color:#ffad32}.element-badge[data-type=fire]{--element-color:#fa3e46}.element-badge[data-type=dark]{--element-color:#8a52ff}.element-badge[data-type=lightning]{--element-color:#e1c50c}.element-badge[data-type=wind]{--element-color:#2461f3}.element-badge[data-type=earth]{--element-color:#937348}.element-badge[data-type=water]{--element-color:#509ce9}.element-badge[data-type=grass]{--element-color:#0dba83}.element-badge.element-badge>img{object-fit:contain;filter:none;mix-blend-mode:normal;width:65%;height:65%;margin:0;display:block}.element-badge--medium{width:48px;height:48px}.element-badge--large{width:76px;height:76px;box-shadow:0 0 0 5px var(--surface),0 0 0 9px var(--element-color),0 7px 12px #25304425}.element-label{gap:6px}.filter .element-badge{width:23px;height:23px}.detail-tags .element-badge{width:30px;height:30px}.matchup-list .element-badge{width:25px;height:25px}.element-table th .element-badge{width:30px;height:30px;margin:0 auto 7px;display:flex}.element-table th[scope=row] .element-badge{width:26px;height:26px;margin:0 8px 0 0;display:inline-flex}.team-slot .element-badge{width:23px;height:23px;margin-right:6px}.team-slot .element-badge img{width:65%;height:65%}.team-slot p{justify-content:center;align-items:center;display:flex}.element-relations{margin:32px 0 38px}.element-picker{justify-content:center;align-items:center;gap:22px;margin:0 0 45px;padding:8px 5px;display:flex}.element-choice{outline-offset:4px;width:48px;height:48px;transition:outline-color var(--duration-fast),transform var(--duration-fast) var(--ease-smooth-out);background:0 0;border-radius:50%;outline:3px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.element-choice:hover{transform:translateY(-3px)}.element-choice[aria-pressed=true]{outline-color:var(--choice-color)}.element-choice:focus-visible{outline:3px dashed var(--text);outline-offset:5px}.element-choice:has([data-type=ice]){--choice-color:#3bbfd4}.element-choice:has([data-type=light]){--choice-color:#ffad32}.element-choice:has([data-type=fire]){--choice-color:#fa3e46}.element-choice:has([data-type=dark]){--choice-color:#8a52ff}.element-choice:has([data-type=lightning]){--choice-color:#e1c50c}.element-choice:has([data-type=wind]){--choice-color:#2461f3}.element-choice:has([data-type=earth]){--choice-color:#937348}.element-choice:has([data-type=water]){--choice-color:#509ce9}.element-choice:has([data-type=grass]){--choice-color:#0dba83}.relation-panels{grid-template-columns:1fr 1fr;gap:26px;display:grid}.relation-panel{--panel-left:var(--soft);--panel-right:var(--surface);border:1px solid var(--line);background:linear-gradient(90deg,var(--panel-left) 50%,var(--panel-right) 50%);border-radius:22px;min-width:0;min-height:300px;padding:36px 22px 28px;position:relative;box-shadow:0 5px 14px #234f3008}.relation-tab{background:var(--accent);color:var(--surface);letter-spacing:0;border-radius:0 0 17px 17px;justify-content:center;align-items:center;gap:8px;min-width:155px;padding:9px 25px;font-size:16px;font-weight:600;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #234f3018}.relation-tab .icon{width:17px;height:17px}.relation-flow{grid-template-columns:48px minmax(35px,1fr) 100px minmax(35px,1fr) 48px;align-items:center;gap:6px;min-height:236px;display:grid}.relation-stack{flex-direction:column;align-items:center;gap:11px;margin:0;padding:0;list-style:none;display:flex}.relation-center{justify-content:center;align-items:center;display:flex}.relation-arrow{color:#fff;isolation:isolate;justify-content:center;align-items:center;height:42px;font-size:12px;font-weight:600;display:flex;position:relative}.relation-arrow:before{content:"";z-index:-1;background:var(--arrow-color);clip-path:polygon(0 50%,18px 0,18px 27%,100% 27%,100% 73%,18px 73%,18px 100%);position:absolute;inset:0}.relation-arrow--bad{--arrow-color:#607666}.relation-arrow--good{--arrow-color:var(--accent);color:var(--surface)}.attack .relation-arrow--good:before,.defend .relation-arrow--bad:before{transform:rotate(180deg)}.relation-arrow span{padding-left:10px;font-size:11px;line-height:1}.attack .relation-arrow--good span,.defend .relation-arrow--bad span{padding-left:0;padding-right:10px}.relation-arrow small{color:var(--muted);font-size:10px;font-weight:400;position:absolute;top:45px}.relation-caption{text-align:center;max-width:750px;margin:22px auto 0;font-size:12px;line-height:1.7}.relation-caption strong{color:var(--text)}[data-theme=dark] .relation-panel{--panel-left:var(--soft);--panel-right:var(--surface)}[data-theme=dark] .element-badge--large{box-shadow:0 0 0 5px var(--surface),0 0 0 9px var(--element-color),0 7px 12px #0003}@media (width<=1100px){.relation-panels{gap:18px}.relation-panel{padding:38px 14px 24px}.relation-flow{grid-template-columns:42px minmax(28px,1fr) 85px minmax(28px,1fr) 42px;gap:4px}.relation-stack .element-badge{width:42px;height:42px}.relation-center .element-badge{width:64px;height:64px}.relation-arrow span{font-size:9px}.relation-arrow:before{clip-path:polygon(0 50%,12px 0,12px 27%,100% 27%,100% 73%,12px 73%,12px 100%)}}@media (width<=850px){.relation-panels{grid-template-columns:1fr;gap:25px}.relation-panel{padding:38px 22px 24px}.relation-flow{grid-template-columns:48px minmax(35px,1fr) 100px minmax(35px,1fr) 48px;gap:6px}.relation-stack .element-badge{width:48px;height:48px}.relation-center .element-badge{width:76px;height:76px}.relation-arrow span{font-size:12px}.element-picker{gap:19px}.element-choice,.element-choice .element-badge{width:43px;height:43px}}@media (width<=560px){.element-picker{flex-wrap:wrap;gap:11px;max-width:330px;margin:0 auto 34px;padding:9px}.element-choice,.element-choice .element-badge{width:42px;height:42px}.element-choice{outline-offset:3px}.relation-panel{border-radius:18px;min-height:280px;padding:40px 14px 20px}.relation-flow{grid-template-columns:38px minmax(30px,1fr) 78px minmax(30px,1fr) 38px;gap:3px;min-height:220px}.relation-stack{gap:10px}.relation-stack .element-badge{width:38px;height:38px}.relation-center .element-badge{width:54px;height:54px}.relation-arrow span,.relation-arrow small{font-size:9px}.relation-tab{min-width:140px;font-size:14px}.relation-caption{font-size:11px}.element-relations{margin-top:25px}.relation-arrow{height:36px}}:root{--bg:#fafbf8;--surface:#fff;--soft:#f0f3ec;--text:#22372d;--muted:#65716a;--line:#e0e7dd;--accent:#287457;--accent-hover:#1c5d43;--tint:#e9f2e8;--duration-fast:.25s;--ease-smooth-out:cubic-bezier(.22,1,.36,1);color-scheme:light}:root[data-theme=dark]{--bg:#131d18;--surface:#1c2921;--soft:#243329;--text:#e4eee6;--muted:#a7b7aa;--line:#35493b;--accent:#8ed4a7;--accent-hover:#b3e9c5;--tint:#293e30;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,system-ui,sans-serif;font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}button{border:0}img{object-fit:contain;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:600;line-height:1.15}h1,h2{font-size:26px}h3{font-size:21px}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input,select{border-radius:8px}input,select{background:var(--surface);color:var(--text)}[hidden]{display:none!important}.container{width:min(1240px,100% - 96px);margin-inline:auto}.icon{vertical-align:middle;flex:none;width:21px;height:21px;display:inline-flex}.icon svg{fill:currentColor;width:100%;height:100%}.header{background:var(--surface);z-index:30;border-bottom:1px solid var(--line);position:sticky;top:0}.nav-wrap{align-items:center;gap:50px;max-width:1400px;height:86px;margin:auto;padding:0 48px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:9px;font-size:26px;font-weight:700;line-height:.94;display:inline-flex}.brand-symbol{width:43px;height:43px;color:var(--accent);background:var(--tint);border-radius:13px;place-items:center;display:grid;transform:rotate(-8deg)}.brand-symbol .icon{width:29px;height:29px}.brand-small{letter-spacing:3.3px;margin-top:8px;font-size:8px;font-weight:600;display:block}.desktop-nav{align-self:stretch;align-items:center;gap:29px;display:flex}.desktop-nav a{white-space:nowrap;height:100%;color:var(--muted);align-items:center;font-size:13px;display:flex;position:relative}.desktop-nav a[aria-current=page]{color:var(--accent);font-weight:600}.desktop-nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.nav-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.search-trigger{border:1px solid var(--line);background:var(--bg);color:var(--muted);align-items:center;gap:9px;padding:9px 11px;font-size:12px;display:flex}.search-trigger .icon{width:17px;height:17px}kbd{border:1px solid var(--line);border-radius:4px;margin-left:20px;padding:0 5px;font:12px Outfit}.icon-button{background:0 0;border:1px solid #0000;place-items:center;min-width:36px;min-height:36px;display:grid}.icon-button:hover{background:var(--soft)}.mobile-only{display:none}.announcement{background:var(--soft);height:38px;color:var(--muted);letter-spacing:.015em;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.announcement a{color:var(--text);align-items:center;gap:9px;display:flex}.announcement .icon{width:13px;height:13px}.announcement-divider{color:#a0ada2;margin:0 9px}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero{isolation:isolate;background:#eaf0e2;height:510px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 49%;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.hero-wash{z-index:-2;background:linear-gradient(90deg,#eef3e9 0%,#eef3e9f7 23%,#eef3e9c9 38%,#eef3e94a 56%,#0000 72%);position:absolute;inset:0}.hero-content{padding-top:75px}.eyebrow{letter-spacing:1.8px;color:var(--accent);align-items:center;gap:9px;font-size:10px;font-weight:600;display:inline-flex}.short-line{background:currentColor;width:22px;height:2px}.hero h1{letter-spacing:-.7px;color:#263e2e;margin:21px 0;font-size:26px;font-weight:600;line-height:1.2}.hero h1 span{color:#377553}.hero p{color:#5b6e5e;max-width:440px;font-size:15px;line-height:1.75}.hero-buttons{gap:12px;margin-top:27px;display:flex}.button{min-height:44px;transition:background var(--duration-fast),transform var(--duration-fast) var(--ease-smooth-out);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 19px;font-size:13px;font-weight:500;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:var(--surface)}.primary:hover{background:var(--accent-hover)}.subtle{background:var(--surface);border-color:var(--line);color:var(--text)}.hero .subtle{color:#294633;background:#ffffffe0}.hero .primary{color:#fff;background:#287457}.hero .eyebrow{color:#377553}.hero .button .icon{width:17px;height:17px}.hero-note{color:#6a7b6e;align-items:center;gap:7px;margin-top:22px;font-size:10px;display:flex}.hero-note .icon{width:14px;height:14px}.hero-caption{color:#fff;background:#183c3180;border-radius:30px;align-items:center;gap:6px;padding:7px 12px;font-size:10px;display:flex;position:absolute;bottom:22px;right:35px}.hero-caption .icon{width:13px;height:13px}.quick-tools{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(4,1fr);margin-top:26px;display:grid;box-shadow:0 5px 20px #243e2303}.quick-tools>a{transition:background var(--duration-fast);align-items:center;gap:13px;padding:25px 22px;display:flex;position:relative}.quick-tools>a:hover{background:var(--soft)}.quick-tools>a:not(:last-child):after{content:"";background:var(--line);width:1px;height:50%;position:absolute;top:25%;right:0}.quick-tools>a>.icon{color:#8b998c;width:16px;height:16px;margin-left:auto}.tool-icon{background:var(--soft);color:var(--accent);border-radius:11px;place-items:center;width:40px;height:42px;display:grid}.tool-icon .icon{width:23px;height:23px}.quick-tools strong{font-size:14px;font-weight:500;display:block}.quick-tools small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.section{padding-top:64px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.section-heading h2{margin-top:10px}.section-heading h2 span{color:var(--accent)}.section-heading p{margin-top:10px;font-size:13px}.text-link{color:var(--accent);align-items:center;gap:9px;font-size:12px;font-weight:500;display:inline-flex}.text-link:hover{text-decoration:underline}.text-link .icon{width:16px;height:16px}.element-filters{flex-wrap:wrap;gap:8px;margin:26px 0 24px;display:flex}.filter{border:1px solid var(--line);background:var(--surface);transition:background var(--duration-fast),color var(--duration-fast);border-radius:7px;align-items:center;gap:6px;padding:8px 13px;font-size:11px;display:flex}.filter.active{background:var(--accent);color:var(--surface);border-color:var(--accent)}.filter:not(.active):hover{background:var(--soft)}.filter .icon{width:15px;height:15px}.filter img{width:17px;height:17px}.creature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.home-roster .creature-card:nth-child(n+7){display:none}.home-roster.filtered .creature-card:nth-child(n+7){display:block}.creature-card{background:var(--surface);border:1px solid var(--line);min-width:0;transition:transform var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast);border-radius:12px;overflow:hidden}.creature-card:hover{transform:translateY(-5px);box-shadow:0 9px 20px #25492f0c}.creature-art{background:#f0f2e9;border-radius:8px;justify-content:center;align-items:center;height:184px;margin:5px 5px 0;display:flex;position:relative;overflow:hidden}.fire{--element-bg:#f7eee3;--element-ink:#985033}.dark{--element-bg:#eeedf4;--element-ink:#76638d}.grass{--element-bg:#eaf1df;--element-ink:#52733d}.lightning{--element-bg:#f7f3df;--element-ink:#8f7429}.ice{--element-bg:#e5f1f4;--element-ink:#38798a}.earth{--element-bg:#f1eade;--element-ink:#876b3e}.wind{--element-bg:#e4f0e9;--element-ink:#3a846c}.water{--element-bg:#e7eff7;--element-ink:#437bad}.light{--element-bg:#f5f0df;--element-ink:#927d3d}.creature-art,.detail-art{background:var(--element-bg)}.creature-art img{width:94%;height:90%;transition:transform var(--duration-fast) var(--ease-smooth-out);mix-blend-mode:multiply;margin-top:16px}.entry-no{z-index:2;color:#7a7f73;letter-spacing:1px;font-size:8px;position:absolute;top:10px;left:10px}.art-arrow{color:#516a4c;opacity:0;transition:opacity var(--duration-fast);position:absolute;bottom:8px;right:8px}.creature-card:hover .art-arrow{opacity:1}.creature-info{grid-template-columns:1fr auto;align-items:center;gap:10px 3px;padding:14px 12px;display:grid}.creature-info h3{letter-spacing:-.4px;font-size:16px}.role{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:4px;padding:3px 5px;font-size:8px}.element-label{color:var(--element-ink,var(--accent));align-items:center;gap:4px;font-size:10px;display:inline-flex}.save-button{border:1px solid var(--line);background:var(--surface);width:23px;height:23px;color:var(--muted);border-radius:50%;justify-self:end;place-items:center;display:grid}.save-button .icon{width:12px;height:12px}.save-button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}.roster-note{color:var(--muted);justify-content:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.roster-note a{align-items:center;gap:5px;display:flex}.roster-note .icon{width:12px;height:12px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.guide-card{min-width:0}.guide-art{background:#e7ecd9;border-radius:13px;height:208px;position:relative;overflow:hidden}.guide-art>img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-fast) var(--ease-smooth-out)}.guide-card:hover .guide-art>img{transform:scale(1.03)}.guide-art-1{background:#ebe8f0}.guide-art-2{background:#ebefdb}.guide-art-1>img,.guide-art-2>img{object-fit:contain;mix-blend-mode:multiply;width:70%;height:110%;position:absolute;top:-5px;right:-15px}.art-word{color:#59605c;letter-spacing:-1px;font-size:26px;font-weight:700;line-height:1.1;position:absolute;top:47px;left:24px}.guide-art-1 .art-word{color:#716980}.read-badge{color:#324533;background:#ffffffed;border-radius:5px;padding:5px 8px;font-size:9px;position:absolute;bottom:12px;right:12px}.guide-copy{padding:19px 0}.guide-copy .eyebrow{letter-spacing:1.5px;font-size:8px}.guide-copy h3{justify-content:space-between;align-items:center;margin:10px 0;font-size:20px;display:flex}.guide-copy h3 .icon{width:17px;height:17px;color:var(--muted);margin-left:7px}.guide-copy p{max-width:330px;font-size:12px;line-height:1.65}.planner-banner{background:var(--soft);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1.3fr;min-height:338px;margin-top:43px;padding:43px;display:grid;position:relative;overflow:hidden}.planner-banner h2{margin:13px 0 16px;font-size:26px}.planner-banner p{margin-bottom:23px;font-size:13px}.planner-banner small{color:var(--muted);align-items:center;gap:6px;margin-top:13px;font-size:9px;display:flex}.planner-banner small .icon{width:12px;height:12px}.banner-creatures{align-items:center;min-width:0;display:flex;position:relative}.banner-creatures img{mix-blend-mode:multiply;object-fit:contain;position:absolute;bottom:30px}.banner-creatures img:first-child{z-index:2;width:42%;left:-3%;transform:rotate(-12deg)}.banner-creatures img:nth-child(2){z-index:3;width:61%;bottom:15px;left:20%}.banner-creatures img:nth-child(3){width:49%;right:-6%;transform:rotate(10deg)}.banner-creatures>span{letter-spacing:2px;color:var(--muted);font-size:8px;position:absolute;bottom:0;left:24%}.faq-section{grid-template-columns:1fr 1.5fr;gap:70px;padding-bottom:77px;display:grid}.faq-section h2{margin:14px 0;font-size:26px}.faq-section p{margin:15px 0;font-size:12px}.faq-section .text-link{margin-top:10px}.t-acc{border-bottom:1px solid var(--line)}.t-acc-head{text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:21px 0;font-size:14px;font-weight:500;display:flex}.t-acc-head .icon{width:15px;height:15px}.t-acc-panel-inner p{margin:0 25px 20px 0;line-height:1.7}.footer{border-top:1px solid var(--line);background:var(--soft);padding:46px 0 0}.footer-top{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px;display:grid}.footer .brand{font-size:26px}.footer p{margin:17px 0 5px;font-size:12px}.footer small{color:var(--muted);font-size:9px}.footer-top>div:not(:first-child){color:var(--muted);flex-direction:column;gap:11px;font-size:11px;display:flex}.footer-top b{color:var(--text);margin:4px 0 8px;font-weight:500}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:35px;padding:20px 0;font-size:9px;display:flex}.footer-bottom .icon{width:13px;height:13px;margin-left:4px}.inner-page{min-height:65vh;padding-top:35px;padding-bottom:75px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:38px;font-size:11px;display:flex}.breadcrumbs a:hover{color:var(--accent)}.inner-page>.eyebrow{margin-bottom:15px}.page-intro{max-width:700px;margin:22px 0 32px;font-size:17px;line-height:1.7}.database-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:end;gap:18px;margin:36px 0 23px;padding:23px;display:flex}.search-input{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:11px 14px;display:flex}.search-input input{background:0 0;border:0;outline:0;width:100%;min-width:0}.search-input:focus-within{outline:2px solid var(--accent)}.database-toolbar .search-input{flex:1;align-self:end}.database-toolbar>label:not(.search-input){min-width:140px;font-size:11px}select{border:1px solid var(--line);width:100%;margin-top:5px;padding:12px;display:block}.muted{color:var(--muted)}.small{font-size:12px}.database-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:24px}.database-grid .creature-art{height:230px}.database-grid .creature-info{padding:18px}.database-grid h3{font-size:20px}.database-grid .role{font-size:10px}.database-grid .save-button{width:30px;height:30px}.source-note{border-left:3px solid var(--accent);background:var(--soft);color:var(--muted);border-radius:0 8px 8px 0;margin:32px 0;padding:23px 26px;font-size:13px;line-height:1.8}.source-note a,.prose a:not(.button){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.empty-state{text-align:center;background:var(--soft);border:1px dashed var(--line);border-radius:12px;padding:45px}.empty-state a{color:var(--accent)}.empty-state>.icon{width:36px;height:36px;color:var(--accent);margin-bottom:12px}.empty-state h2{margin-bottom:15px;font-size:25px}.creature-detail{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;display:grid}.detail-art{aspect-ratio:1.12;border-radius:20px;padding:25px}.detail-art>.eyebrow{color:#516447}.detail-art>img{mix-blend-mode:multiply;width:100%;height:90%}.creature-detail h1{margin-top:15px}.detail-tags{align-items:center;gap:15px;margin-top:20px;display:flex}.detail-tags .role{font-size:11px}.detail-tags .element-label{font-size:14px}.creature-detail .small{margin-top:20px}.detail-sections{grid-template-columns:1fr 1.1fr;gap:60px;margin-top:70px;display:grid}.detail-sections h2{margin:16px 0 20px}.detail-sections p{font-size:14px}.matchup-list{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.matchup-list>div{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:7px;padding:10px;font-size:11px;display:flex}.matchup-list span{align-items:center;gap:3px;display:flex}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid .creature-art{height:220px}.guides-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px}.guides-all .guide-art{height:300px}.guides-all .art-word{font-size:26px;top:60px}.article-header{max-width:840px;margin-bottom:40px}.article-header h1{margin-top:20px}.byline{align-items:center;gap:12px;font-size:13px;display:flex}.byline small{color:var(--muted);font-size:11px}.byline .brand-symbol{width:33px;height:33px}.byline .brand-symbol .icon{width:23px;height:23px}.article-layout{grid-template-columns:240px minmax(0,780px);gap:60px;display:grid}.toc{flex-direction:column;align-self:start;gap:17px;display:flex;position:sticky;top:115px}.toc a{color:var(--muted);gap:10px;font-size:12px;display:flex}.toc a:hover{color:var(--accent)}.toc .eyebrow{margin-bottom:10px}.article-image{background:var(--soft);border-radius:16px;height:360px;margin-bottom:32px;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%}.article-image.contained img{object-fit:contain;mix-blend-mode:multiply}.prose{font-size:16px;line-height:1.85}.prose h2{margin:34px 0 18px;font-size:26px}.prose h3{margin:25px 0 12px;font-size:22px}.prose p{margin:16px 0}.prose ul{color:var(--muted);padding-left:24px}.prose li{margin:10px 0}.prose .source-note h2{margin-top:0;font-size:20px}.prose .source-note p{font-size:13px}.checklist{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:25px}.checklist h2{margin-top:0}.checklist label{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:13px;padding:13px 0;font-size:14px;display:flex}.checklist input{accent-color:var(--accent);width:18px;height:18px}.checklist input:checked+span{text-decoration:line-through}.article-next{background:var(--tint);border-radius:14px;padding:25px}.article-next .text-link{margin-left:15px}.element-calculator{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr 35px 1fr 1.2fr;align-items:center;gap:25px;margin:35px 0 55px;padding:30px;display:grid}.element-calculator label{color:var(--muted);font-size:12px}.element-calculator select{color:var(--text);font-size:17px}.versus{color:var(--muted);text-align:center;font-size:12px}.matchup-result{border-left:1px solid var(--line);flex-direction:column;padding-left:45px;display:flex}.matchup-result strong{color:var(--accent);font-size:26px;line-height:1.2}.matchup-result span{font-size:14px}.matchup-result small{color:var(--muted);margin-top:4px;font-size:11px}.table-scroll{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.element-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.element-table td,.element-table th{text-align:center;border-bottom:1px solid var(--line);padding:17px 12px}.element-table th{background:var(--soft);font-weight:500}.element-table th[scope=row]{text-align:left;padding-left:20px}.effective{color:#28714b;background:#e2efdf}.resisted{color:#936342;background:#f5ede2}.neutral{color:var(--muted)}.planner-toolbar{justify-content:space-between;align-items:center;margin:28px 0 20px;display:flex}.planner-toolbar>span{color:var(--muted);gap:10px;font-size:13px;display:flex}.team-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.team-slot{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:265px;padding:20px;display:flex;position:relative}.team-slot.empty{background:var(--soft);border-style:dashed}.team-slot>span{color:var(--muted);font-size:11px;position:absolute;top:15px;left:15px}.team-slot .icon{color:var(--muted);width:30px;height:30px;margin-bottom:15px}.team-slot p{font-size:12px}.team-slot img{object-fit:contain;width:170px;height:160px}.team-slot h3{margin:8px 0}.remove-team{background:var(--soft);border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:10px;right:10px}.team-analysis{background:var(--tint);border-radius:12px;margin:23px 0 55px;padding:22px;font-size:14px}.narrow{max-width:800px;padding-top:70px}.narrow h1{margin-bottom:30px}.narrow.prose>p{font-size:17px}.skip-link{background:var(--surface);z-index:100;padding:12px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;width:min(590px,100% - 32px);max-height:80dvh;padding:26px;box-shadow:0 25px 100px #13271d40}dialog::backdrop{backdrop-filter:blur(4px);background:#10281d80}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-head h2{font-size:23px}.dialog-foot{color:var(--muted);border-top:1px solid var(--line);margin-top:10px;padding-top:16px;font-size:11px}#search-results{max-height:390px;margin-top:15px;overflow:auto}#search-results a{border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}#search-results a:hover{background:var(--soft)}#search-results small{color:var(--muted);margin-top:2px;font-size:10px;display:block}#search-empty{padding:24px 0;font-size:14px}#toast{background:var(--text);color:var(--surface);opacity:0;pointer-events:none;z-index:80;transition:opacity var(--duration-fast),transform var(--duration-fast);text-align:center;border-radius:10px;max-width:calc(100% - 30px);padding:13px 22px;font-size:13px;position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);box-shadow:0 5px 25px #15311d25}#toast.show{opacity:1;transform:translate(-50%)}[data-theme=dark] .hero-wash{background:linear-gradient(90deg,#152a20 0%,#152a20f5 23%,#152a20c9 39%,#152a2050 58%,#0000 80%)}[data-theme=dark] .hero h1{color:#f1f5ec}[data-theme=dark] .hero h1 span{color:#abd7a7}[data-theme=dark] .hero p,[data-theme=dark] .hero-note,[data-theme=dark] .hero .eyebrow{color:#c1d2be}[data-theme=dark] .creature-art,[data-theme=dark] .detail-art{background:color-mix(in srgb,var(--element-bg),#152219 75%)}[data-theme=dark] .creature-art img,[data-theme=dark] .detail-art>img,[data-theme=dark] .banner-creatures img,[data-theme=dark] .article-image img{mix-blend-mode:normal}[data-theme=dark] .element-label{color:var(--text)}[data-theme=dark] .entry-no,[data-theme=dark] .detail-art>.eyebrow{color:#b9c7b7}[data-theme=dark] .effective{color:#b7e8c1;background:#294a34}[data-theme=dark] .resisted{color:#e2c39f;background:#443929}@media (width>=1600px){.hero-image{object-position:center 47%}.hero{height:560px}.hero-content{padding-top:90px}}@media (width<=1200px){.nav-wrap{gap:28px;padding:0 30px}.desktop-nav{gap:20px}.search-trigger>span:not(.icon){display:none}.search-trigger kbd{margin:0}.container{width:calc(100% - 60px)}.quick-tools>a{gap:9px;padding:21px 15px}.quick-tools strong{font-size:12px}.tool-icon{width:34px;height:36px}.creature-grid{gap:11px}.creature-info{padding:12px 9px}.creature-info h3{font-size:14px}.creature-art{height:160px}.art-word{font-size:24px;left:18px}.hero h1{font-size:26px}.hero{height:490px}.creature-detail,.detail-sections{gap:35px}.matchup-list{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.desktop-nav{gap:14px}.nav-wrap{gap:24px}.nav-actions{gap:5px}.desktop-nav a{font-size:12px}.search-trigger{border:0}.search-trigger kbd{display:none}.quick-tools{grid-template-columns:repeat(2,1fr)}.quick-tools>a:nth-child(2):after{display:none}.quick-tools>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.creature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.creature-art{height:220px}.creature-info h3{font-size:18px}.hero-caption{display:none}.hero-wash{background:linear-gradient(90deg,#eef3e9 0%,#eef3e9ee 30%,#eef3e992 57%,#eef3e920 100%)}.guide-art{height:175px}.guide-copy h3{font-size:18px}.art-word{font-size:20px;top:30px;left:12px}.planner-banner{grid-template-columns:1fr 1fr;padding:30px}.planner-banner h2{font-size:26px}.faq-section{grid-template-columns:1fr 1.4fr;gap:35px}.footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:24px}.footer-top>div:last-child{flex-flow:wrap;grid-column:2/4;margin-top:15px}.footer-top>div:last-child b{width:100%}.database-toolbar{flex-wrap:wrap}.database-toolbar .search-input{flex-basis:100%}.database-toolbar>label:not(.search-input){flex:1}.database-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creature-detail{gap:25px}.creature-detail .button{margin-bottom:8px}.detail-sections{grid-template-columns:1fr 1fr;gap:30px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.article-image{height:260px}.element-calculator{grid-template-columns:1fr 20px 1fr 1fr;gap:15px;padding:25px}.matchup-result{padding-left:20px}.team-slots{gap:12px}.team-slot{min-height:230px;padding:15px}.team-slot p{font-size:10px}.footer-bottom>span:last-child{display:none}}@media (width<=720px){.container{width:calc(100% - 36px)}.nav-wrap{gap:10px;height:72px;padding:0 18px}.brand{font-size:26px}.brand-symbol{width:36px;height:36px}.brand-symbol .icon{width:25px;height:25px}.brand-small{letter-spacing:3px;font-size:7px}.desktop-nav{display:none}.mobile-only{display:grid}.search-trigger{padding:9px}.search-trigger .icon{width:21px;height:21px}.nav-actions{gap:7px}#mobile-nav{border-top:1px solid var(--line);gap:3px;padding:10px 18px 20px;display:grid}#mobile-nav a{border-radius:8px;padding:12px}#mobile-nav a:hover{background:var(--soft)}.announcement{gap:6px;height:33px;font-size:10px}.announcement>span:first-of-type,.announcement-divider{display:none}.announcement{font-size:0}.announcement a{font-size:10px}.hero{height:605px}.hero-image{object-position:63% bottom;object-fit:cover;height:100%}.hero-wash{background:linear-gradient(#edf2e9 0%,#edf2e9f5 17%,#edf2e9d9 38%,#edf2e97a 60%,#edf2e910 80%)}.hero-content{padding-top:34px}.hero .eyebrow{letter-spacing:1.7px;font-size:9px}.hero h1{letter-spacing:-.7px;margin:17px 0;font-size:26px}.hero p{max-width:350px;font-size:14px;line-height:1.6}.hero-buttons{gap:9px;margin-top:22px}.hero .button{gap:7px;padding:12px 13px;font-size:11px}.hero-note{margin-top:16px;font-size:9px}.quick-tools{border-radius:12px;margin-top:18px}.quick-tools>a{gap:8px;padding:19px 12px}.quick-tools strong{font-size:11px}.quick-tools small{max-width:105px;font-size:8px}.quick-tools>a>.icon{display:none}.tool-icon{width:32px;height:34px}.tool-icon .icon{width:21px;height:21px}.section{padding-top:44px}.section-heading{align-items:start;gap:14px;margin-bottom:23px}.section-heading h2{max-width:320px;font-size:26px}.section-heading p{max-width:265px;font-size:12px}.section-heading>.text-link{white-space:nowrap;align-self:end;font-size:10px}.section-heading>.text-link .icon{display:none}.eyebrow{letter-spacing:1.4px;font-size:8px}.element-filters{scrollbar-width:thin;flex-wrap:nowrap;gap:7px;margin:21px 0;padding:3px 1px 9px;overflow-x:auto}.filter{white-space:nowrap;padding:8px 11px;font-size:10px}.creature-grid,.database-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creature-art{height:178px}.creature-info{padding:12px}.creature-info h3{font-size:16px}.role{font-size:8px}.roster-note{text-align:center;font-size:9px;line-height:1.8;display:block}.roster-note a{display:inline-flex}.guide-grid{grid-template-columns:1fr;gap:23px}.guide-art{height:235px}.guide-copy{padding:16px 0 0}.guide-copy h3{font-size:22px}.guide-copy p{max-width:none;font-size:13px}.art-word{font-size:26px;top:45px;left:24px}.guide-art-1>img,.guide-art-2>img{right:0}.planner-banner{grid-template-columns:1fr;min-height:585px;margin-top:42px;padding:28px 24px}.planner-banner h2{font-size:26px}.planner-banner p{font-size:13px}.banner-creatures{min-height:225px;margin-top:10px}.banner-creatures img:first-child{width:47%;left:-6%}.banner-creatures img:nth-child(2){width:65%;left:17%}.banner-creatures img:nth-child(3){width:51%;right:-8%}.banner-creatures>span{font-size:7px;bottom:2px;left:16%}.faq-section{grid-template-columns:1fr;gap:24px;padding-bottom:45px}.faq-section h2{font-size:26px}.faq-section h2 br{display:none}.faq-section p{font-size:13px}.t-acc-head{padding:19px 0;font-size:13px}.footer{padding-top:33px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 17px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1;margin-top:0}.footer-bottom{flex-direction:column;gap:8px;margin-top:28px;font-size:8px;display:flex}.inner-page{padding-top:24px;padding-bottom:45px}.breadcrumbs{margin-bottom:27px;font-size:10px}.inner-page h1{letter-spacing:-.7px;font-size:26px}.page-intro{margin:18px 0 25px;font-size:15px}.database-toolbar{gap:12px;padding:16px}.database-toolbar>label:not(.search-input){flex-basis:40%;min-width:0}.database-toolbar>.button{width:100%}.database-grid .creature-art,.related-grid .creature-art{height:180px}.database-grid .creature-info{padding:13px}.database-grid h3{font-size:16px}.database-grid .role{font-size:8px}.source-note{padding:18px;font-size:12px}.creature-detail{grid-template-columns:1fr;gap:28px}.detail-art{aspect-ratio:1.2;max-height:370px}.detail-sections{grid-template-columns:1fr;gap:30px;margin-top:35px}.detail-sections h2{font-size:26px}.matchup-list{grid-template-columns:repeat(3,1fr)}.matchup-list>div{gap:3px;padding:8px;font-size:10px}.matchup-list img{width:18px}.article-layout{grid-template-columns:1fr;gap:30px}.toc{background:var(--soft);border-radius:12px;gap:12px;padding:20px;position:static}.article-header{margin-bottom:27px}.article-image{height:230px}.prose{font-size:15px}.prose h2{font-size:25px}.prose h3{font-size:21px}.guides-all{gap:30px}.guides-all .guide-art{height:230px}.guides-all .art-word{font-size:26px}.element-calculator{grid-template-columns:1fr 20px 1fr;gap:13px;margin:28px 0 35px;padding:20px}.element-calculator label{font-size:10px}.element-calculator select{padding:10px;font-size:14px}.matchup-result{border-left:0;border-top:1px solid var(--line);text-align:center;grid-column:1/-1;margin-top:5px;padding:18px 0 0}.matchup-result strong{font-size:26px}.element-table td,.element-table th{padding:12px 10px}.element-table{font-size:11px}.team-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-slot{min-height:235px}.team-slot img{height:135px}.team-slot h3{font-size:19px}.planner-toolbar>span{gap:6px;max-width:185px;font-size:10px}.planner-toolbar .button{padding:10px;font-size:11px}.team-analysis{margin-bottom:35px;padding:18px;font-size:13px}.narrow{padding-top:40px}.narrow.prose>p{font-size:15px}.dialog-head h2{font-size:21px}.desktop-only{display:none}[data-theme=dark] .hero-wash{background:linear-gradient(#152a20 0%,#152a20f5 22%,#152a20ce 42%,#152a2060 67%,#0000 92%)}.article-next .text-link{margin:15px 0 0;display:block}}.filter.active img{filter:none}.banner-creatures img{max-height:285px}@media (width>=721px){.hero-image{object-position:center 24%}}@media (width<=720px){.banner-creatures img{max-height:220px}.save-button{width:32px;height:32px}.save-button .icon{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/outfit-latin-400-normal.BGsTXAXT.woff2)format("woff2"),url(/_astro/outfit-latin-400-normal.DMwTpYkH.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/outfit-latin-500-normal.DKnIMDSk.woff2)format("woff2"),url(/_astro/outfit-latin-500-normal.ClnHRwRh.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/outfit-latin-600-normal.B7SfZ07L.woff2)format("woff2"),url(/_astro/outfit-latin-600-normal.BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/outfit-latin-700-normal.Cu9v6i1X.woff2)format("woff2"),url(/_astro/outfit-latin-700-normal.D4itBLBr.woff)format("woff")}.forms-toggle{cursor:pointer;align-items:center;gap:10px;margin:22px 0;font-size:14px;display:flex}.forms-toggle input{accent-color:var(--accent);flex:none;width:18px;height:18px}.card-elements{flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-right:28px;display:flex}.card-form{color:var(--muted);grid-column:1/-1;margin:5px 0;font-size:11px;line-height:1.5;display:block}.card-elements .element-label{font-size:11px}.creature-card .creature-info{min-height:100px}.missing-art{min-height:160px;color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:14px;display:grid}.species-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.species-heading h1{margin:8px 0 0}.form-switcher{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:20px;display:flex}.form-switcher a{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 16px;font-size:13px}.form-switcher a[aria-current=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.form-panel{scroll-margin-top:100px}.form-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.form-overview .detail-art{min-width:0;height:390px}.form-overview .detail-art img{object-fit:contain;width:100%;height:100%;padding:25px}.form-summary>p{line-height:1.85}.form-summary>.text-link{margin-top:20px;display:block}.form-summary h2{font-size:26px}.form-information{max-width:1080px;margin:40px auto}.form-information>section,.form-columns{margin-top:40px}.form-information h2{margin-bottom:20px;font-size:23px}.form-information h3{margin:0;font-size:17px}.stats-grid{border:1px solid var(--line);background:var(--soft);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.stats-grid>div{border-right:1px solid var(--line);padding:22px 15px}.stats-grid>div:last-child{border:0}.stats-grid dt{color:var(--muted);min-height:36px;font-size:12px}.stats-grid dd{color:var(--accent);margin:8px 0 0;font-size:24px;font-weight:600}.skills-list{border-top:1px solid var(--line)}.skill-item{border-bottom:1px solid var(--line);padding:22px 0}.skill-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.skill-heading .element-badge{margin-left:auto}.skill-item p,.ability-item p{color:var(--muted);font-size:14px;line-height:1.8}.skill-values{gap:25px;margin:14px 0 0;font-size:12px;display:flex}.skill-values>div{gap:8px;display:flex}.skill-values dt{color:var(--muted)}.skill-values dd{margin:0}.form-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.form-columns ul{padding-left:20px;font-size:14px;line-height:1.8}.evolution-list>li{margin-bottom:16px}.evolution-list>li>a{color:var(--accent);margin-right:10px;font-weight:600;text-decoration:underline}.evolution-list p{margin:3px 0}.ability-item{border-bottom:1px solid var(--line);padding:16px 0}.unavailable{background:var(--soft);border-left:2px solid var(--accent);color:var(--muted);padding:16px;font-size:14px}.form-panel+.form-panel{margin-top:50px}.form-panel[hidden]{display:none}.team-slot p{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.team-slot p .element-badge img{width:20px;height:20px}.team-slot h3{overflow-wrap:anywhere;font-size:17px}.team-slot{min-width:0}.team-slot>img{object-fit:contain}@media (width<=960px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid>div{border-bottom:1px solid var(--line)}.form-overview{gap:28px}.form-overview .detail-art{height:320px}}@media (width<=720px){.species-heading{flex-direction:column;align-items:start;gap:14px}.form-overview,.form-columns{grid-template-columns:1fr;gap:24px}.form-overview .detail-art{height:300px}.form-switcher a{padding:9px 12px;font-size:12px}.stats-grid>div{padding:16px 12px}.stats-grid dd{font-size:22px}.skill-values{flex-wrap:wrap;gap:14px}.form-information h2{font-size:22px}.form-information{margin-top:28px}.card-elements{gap:6px}.card-elements .element-label{font-size:10px}.database-toolbar>label{min-width:0}.form-panel .source-note{overflow-wrap:anywhere}}[data-theme=dark] .form-switcher a[aria-current=true]{color:var(--bg)}.roster-controls{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:22px 24px}.roster-search-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.roster-search-row .search-input{background:var(--surface);border:1px solid var(--line);border-radius:9px;flex:1;align-items:center;gap:10px;max-width:520px;padding:10px 14px;display:flex}.roster-search-row input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.roster-search-row>.button{flex:none;margin-left:auto;font-size:12px}.roster-facets{gap:15px;display:grid}.roster-facet{align-items:flex-start;gap:12px;display:flex}.facet-label{flex:none;width:70px;font-size:14px;line-height:30px}.facet-options{flex-wrap:wrap;gap:8px;display:flex}.facet-chip{--chip-color:var(--accent);border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:2px 13px 2px 2px;font-size:12px;line-height:1.2;display:inline-flex}.facet-chip[aria-pressed=true]{background:var(--chip-color);border-color:var(--chip-color);color:#fff;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--chip-color)}.facet-chip:hover{border-color:var(--chip-color)}.facet-icon{background:#3e4546;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.facet-icon .wiki-sprite{--sprite-size:22px}.facet-chip .element-badge{box-shadow:none}.facet-element[aria-pressed=true]{color:#fff;text-shadow:0 1px 2px #0006}.facet-element[data-value=Lightning][aria-pressed=true],.facet-element[data-value=Light][aria-pressed=true]{color:#25362d;text-shadow:none}@media (width<=720px){.roster-controls{padding:16px}.roster-search-row{flex-wrap:wrap;gap:8px}.roster-search-row .search-input{flex-basis:100%;max-width:none}.roster-search-row>.button{background:0 0;padding:6px 0}.roster-facet{flex-direction:column;gap:6px}.facet-label{width:auto;font-size:13px;line-height:1.4}.facet-options{gap:9px}.facet-chip{min-height:34px;padding-right:11px}.roster-facets{gap:18px}}@media (width>=1101px){.quick-tools{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-tools>a{gap:9px;padding-inline:15px}}@media (width<=1100px){.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tools>a:last-child{grid-column:1/-1}.quick-tools>a:nth-child(2n):after{display:none}}.official-detail{max-width:1240px}.wiki-record-nav{background:var(--soft);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:24px;padding:13px 20px;font-size:13px;display:grid}.wiki-record-nav>span{letter-spacing:1px;font-weight:600}.wiki-record-nav a:last-child{text-align:right}.wiki-record-nav a{color:var(--accent)}.wiki-layout{grid-template-columns:135px minmax(0,1fr);gap:25px;display:grid}.wiki-directory-nav{flex-direction:column;align-self:start;gap:8px;padding-top:14px;display:flex;position:sticky;top:115px}.wiki-directory-nav a{color:var(--muted);border-left:2px solid var(--line);padding:12px 10px;font-size:13px}.wiki-directory-nav a:hover,.wiki-directory-nav a:focus-visible{color:var(--accent);border-color:var(--accent);background:var(--soft)}.wiki-main{min-width:0}.wiki-basic-info,.wiki-directory{scroll-margin-top:112px}.wiki-profile{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.wiki-portrait{background-color:var(--soft);background-size:cover;min-width:0;position:relative}.portrait-form{color:var(--muted);z-index:1;pointer-events:none;font-size:11px;position:absolute;top:18px;left:20px}.portrait-enlarge{background:0 0;width:100%;padding:30px 24px 18px;display:block;position:relative}.portrait-enlarge>img{object-fit:contain;width:100%;height:410px;display:block}.enlarge-hint{color:var(--accent);text-align:right;font-size:11px;display:block}.gallery-choices{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 15px 18px;display:flex}.gallery-choices button{background:var(--surface);border:1px solid var(--line);padding:7px 12px;font-size:12px}.gallery-choices button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.wiki-profile-copy{padding:30px}.wiki-profile-copy h2{margin:8px 0 16px;font-size:26px}.wiki-tags{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.wiki-role{background:var(--soft);border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;display:inline-flex}.wiki-role .wiki-sprite{--sprite-size:18px;width:18px;height:18px}.wiki-profile-copy h3.overview-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:22px 0 8px;font-size:12px}.wiki-profile-copy>p{font-size:13px;line-height:1.8}.attribute-heading{justify-content:space-between;align-items:center;margin:24px 0 12px;display:flex}.attribute-heading h3{font-size:16px}.attribute-heading strong{color:var(--accent);font-size:23px}.wiki-attributes{gap:10px;margin:0 0 25px;display:grid}.wiki-attributes>div{grid-template-columns:85px minmax(0,1fr);align-items:center;gap:10px;font-size:11px;display:grid}.wiki-attributes dt{align-items:center;gap:7px;display:flex}.wiki-attributes dd{align-items:center;gap:12px;margin:0;display:flex}.wiki-attributes b{text-align:right;width:28px;font-weight:500}.attribute-track{background:var(--soft);border-radius:4px;flex:1;height:7px;overflow:hidden}.attribute-track>span{background:var(--accent);opacity:.75;border-radius:4px;height:100%;display:block}.wiki-profile-copy .button{padding:11px 16px;font-size:12px}.official-detail .form-switcher{border-bottom:0;margin:0 0 8px;padding:18px 0}.official-detail .form-switcher a{padding:9px 13px;font-size:12px}.directory-title{margin:35px 0 18px;font-size:22px}.wiki-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:15px 0;scroll-margin-top:110px;overflow:hidden}.wiki-section>summary{cursor:pointer;background:var(--soft);color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;list-style:none;display:flex}.wiki-section>summary::-webkit-details-marker{display:none}.wiki-section>summary h3{font-size:17px}.wiki-section>summary>span{transition:transform var(--duration-fast) var(--ease-smooth-out);font-size:18px}.wiki-section:not([open])>summary>span{transform:rotate(180deg)}.wiki-section-content{padding:6px 22px 14px}.wiki-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;min-width:0;padding:22px 0;display:flex}.wiki-item:last-child{border-bottom:0}.wiki-icon-image{background:var(--soft);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;padding:6px;display:grid}.wiki-icon-image img{object-fit:contain;width:100%;height:100%}.wiki-item-copy{flex:1;min-width:0}.wiki-item-copy h4{letter-spacing:-.02em;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.wiki-item-copy>p{white-space:pre-line;font-size:13px;line-height:1.85}.wiki-item-copy>span{font-size:12px}.wiki-items--capsules{flex-wrap:wrap;gap:10px;padding:15px 0 8px;display:flex}.wiki-item--capsule{background:var(--soft);border-radius:7px;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line)!important}.wiki-item--capsule h4{margin:0;font-size:12px;font-weight:500}.wiki-item--capsule .wiki-icon-image{width:30px;height:30px}.wiki-item--circle>.wiki-sprite{--sprite-size:28px;width:28px;height:28px;margin-top:3px}.wiki-missing-icon{background:var(--soft);border:1px dashed var(--line);width:55px;height:55px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.wiki-skill-values{flex-wrap:wrap;gap:12px 24px;margin:16px 0 0;font-size:11px;display:flex}.wiki-skill-values>div{align-items:center;gap:8px;display:flex}.wiki-skill-values dt{color:var(--muted)}.wiki-skill-values dd{align-items:center;gap:5px;margin:0;display:flex}.wiki-skill-values .element-badge{width:20px;height:20px}.wiki-tab-buttons{border-bottom:1px solid var(--line);gap:5px;padding:12px 0 0;display:flex}.wiki-tab-buttons button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:10px 19px;font-size:13px}.wiki-tab-buttons button[aria-selected=true]{color:var(--accent);background:var(--soft);border-bottom-color:var(--accent)}.wiki-sprite,.official-element-glyph{--sprite-size:20px;width:var(--sprite-size);height:var(--sprite-size);background-image:var(--sheet);background-size:var(--sprite-size) auto;background-position:0 calc(var(--frame)*var(--sprite-size)*-1);vertical-align:middle;background-repeat:no-repeat;flex:none;display:inline-block}.official-element-glyph{--sprite-size:17px}.element-badge--large .official-element-glyph{--sprite-size:36px}.wiki-source{color:var(--muted);padding:22px 0;font-size:11px}.wiki-source a{color:var(--accent);text-decoration:underline}.wiki-image-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);padding:18px;overflow:auto}.wiki-image-dialog::backdrop{background:#10251de0}.image-dialog-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.image-dialog-head h2{font-size:18px}.image-dialog-head button{flex:none;font-size:24px}.wiki-image-dialog>img{object-fit:contain;background:var(--soft);border-radius:8px;width:100%;height:min(70dvh,780px);margin-top:14px;display:block}.wiki-image-dialog[open]{animation:wiki-image-open var(--duration-fast) var(--ease-smooth-out)}@keyframes wiki-image-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .wiki-role .wiki-sprite,[data-theme=dark] .wiki-attributes .wiki-sprite{filter:brightness(0)invert(.85)}[data-theme=dark] .gallery-choices button[aria-pressed=true]{color:var(--bg)}@media (width<=1100px){.wiki-layout{grid-template-columns:1fr;gap:10px}.wiki-directory-nav{flex-direction:row;margin-bottom:8px;padding:0;position:static}.wiki-directory-nav a{padding:8px 15px}.wiki-profile-copy{padding:25px}.portrait-enlarge>img{height:390px}}@media (width<=720px){.wiki-profile{grid-template-columns:1fr}.wiki-profile-copy{padding:24px 20px}.portrait-enlarge{padding:40px 25px 14px}.portrait-enlarge>img{height:310px}.wiki-record-nav{margin-bottom:16px;padding:12px 14px}.wiki-record-nav a span{display:none}.wiki-profile-copy h2{font-size:24px}.wiki-section-content{padding:4px 15px 12px}.wiki-section>summary{padding:14px 15px}.wiki-item{gap:12px;padding:19px 0}.wiki-icon-image{width:52px;height:52px;padding:4px}.wiki-item-copy h4{font-size:15px}.wiki-item-copy>p{font-size:12px}.wiki-skill-values{gap:10px 15px;font-size:10px}.wiki-items--capsules{padding:14px 0}.wiki-item--capsule{padding:8px 10px}.wiki-image-dialog{padding:12px}.image-dialog-head h2{font-size:15px}.official-detail .form-switcher{gap:7px}.official-detail .form-switcher a{font-size:11px}.wiki-directory-nav a{font-size:12px}.wiki-profile-copy .button{width:100%}}@media (prefers-reduced-motion:reduce){.wiki-image-dialog[open]{animation:none}.wiki-section>summary>span{transition:none}}.creature-art img{object-fit:contain;mix-blend-mode:normal;width:90%;height:86%;margin-top:12px}.creature-card:hover .creature-art img{transform:none}.portrait-enlarge>img{object-fit:contain;object-position:center}.evolution-tree,.evolution-branches{margin:0;padding:0;list-style:none}.evolution-tree{--branch-line:color-mix(in srgb,var(--accent) 35%,var(--line));justify-content:center;width:100%;padding:28px 12px;display:flex}.evolution-node{align-items:center;gap:44px;min-width:0;display:flex;position:relative}.evolution-creature{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:14px;flex:none;width:148px;min-height:185px;padding:18px 12px 14px;position:relative;box-shadow:0 4px 14px #163d2506}.evolution-creature a,.evolution-creature>span:not(.evolution-current){border-radius:8px;flex-direction:column;align-items:center;gap:10px;display:flex}.evolution-creature img{object-fit:contain;background:var(--soft);border:1px solid var(--line);border-radius:50%;width:88px;height:88px;display:block}.evolution-creature strong{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.35}.evolution-creature small{color:var(--muted);justify-content:center;align-items:center;gap:4px;margin-top:9px;font-size:10px;line-height:1.4;display:flex}.evolution-creature .wiki-sprite{--sprite-size:16px}.evolution-creature.is-current{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.evolution-current{background:var(--accent);color:var(--surface);letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:9px;line-height:1.4;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.evolution-creature:has(a:hover){border-color:var(--accent)}.evolution-branches{flex-direction:column;display:flex;position:relative}.evolution-branches:before{content:"";background:var(--branch-line);width:22px;height:2px;position:absolute;top:50%;left:-44px}.evolution-branches>.evolution-node{padding:15px 0}.evolution-branches>.evolution-node:before{content:"";border-left:2px solid var(--branch-line);position:absolute;top:0;bottom:0;left:-22px}.evolution-branches>.evolution-node:first-child:before{top:50%}.evolution-branches>.evolution-node:last-child:before{bottom:50%}.evolution-branches>.evolution-node:only-child:before{border-left:0}.evolution-branches>.evolution-node:after{content:"";background:var(--branch-line);width:22px;height:2px;position:absolute;top:50%;left:-22px}.evolution-conditions{max-width:140px;color:var(--muted);padding-left:16px;font-size:11px}@media (width<=900px){.evolution-node{gap:32px}.evolution-creature{width:130px;padding-inline:8px}.evolution-branches:before{width:16px;left:-32px}.evolution-branches>.evolution-node:before,.evolution-branches>.evolution-node:after{left:-16px}.evolution-branches>.evolution-node:after{width:16px}}@media (width<=600px){.evolution-tree{padding:22px 0;display:block}.evolution-node{flex-direction:column;align-items:stretch;gap:0;width:100%}.evolution-creature{text-align:left;width:100%;min-height:92px;padding:12px 14px}.evolution-creature a,.evolution-creature>span:not(.evolution-current){flex-direction:row;gap:12px}.evolution-creature img{flex:none;width:58px;height:58px}.evolution-creature strong{font-size:13px}.evolution-creature small{justify-content:start;margin:-16px 0 0 70px;font-size:10px}.evolution-creature a strong{align-self:flex-start;margin-top:9px}.evolution-current{left:auto;right:12px;transform:none}.evolution-branches{margin-left:14px;padding-left:22px}.evolution-branches:before{display:none}.evolution-branches>.evolution-node{padding:18px 0 0}.evolution-branches>.evolution-node:before{border-left:2px solid var(--branch-line);bottom:0;left:-15px;top:0!important}.evolution-branches>.evolution-node:last-child:before{height:64px;bottom:auto}.evolution-branches>.evolution-node:only-child:before{border-left:2px solid var(--branch-line)}.evolution-branches>.evolution-node:after{width:15px;top:64px;left:-15px}.evolution-conditions{max-width:none;margin:10px 0}}.evolution-stage-icon{background:#32624e;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.evolution-creature small .wiki-sprite{--sprite-size:16px;width:16px;height:16px}