:root{--font-display:"Orbitron", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Microsoft YaHei UI", "Microsoft JhengHei", system-ui, sans-serif;--font-body:"Inter", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Microsoft YaHei UI", "Microsoft JhengHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Consolas", monospace;font-family:var(--font-body);--bg-base:#081219;--bg-elevated:#0d1b24;--bg-sunken:#050e14;color:var(--text-primary);background:var(--bg-base);font-synthesis:none;--surface-1:#08141be0;--surface-2:#050e14f2;--surface-3:#12252ec7;--surface-hover:#122f39eb;--text-primary:#edf5f7;--text-secondary:#c4d4d8;--text-muted:#a7b5ba;--text-on-accent:#061318;--accent:#4fe3f8;--accent-deep:#168fb0;--accent-soft:#4fe3f829;--accent-glow:#4fe3f861;--warning:#e4a12e;--warning-soft:#e4a12e2e;--danger:#e57563;--danger-soft:#e5756329;--success:#6dd9a3;--success-soft:#6dd9a329;--border:#a6c2cc61;--border-bright:#d1e6eb9e;--border-accent:#4fe3f88c;--shadow-panel:0 16px 38px #0006;--shadow-overlay:0 18px 30px #0000008c;--glow-accent:0 0 16px #4fe3f838;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:29px;--text-3xl:39px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--cut-panel:12px;--cut-button:8px;--cut-hex:18px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.32s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-base);min-width:0;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:100;background:var(--accent);color:var(--text-on-accent);padding:8px 16px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:8px}.app-shell{isolation:isolate;background:linear-gradient(#040c125c,#030a0fad),url(/assets/breeding-field.png) 50%/cover fixed;min-height:100vh;position:relative}@supports (background-image:image-set(url('/assets/breeding-field.webp') type('image/webp'))){.app-shell{background-image:-webkit-linear-gradient(#030a0fad,#040c125c),-webkit-image-set(url(/assets/breeding-field.webp) 1x type("image/webp"),url(/assets/breeding-field.png) 1x type("image/png"));background-image:linear-gradient(#040c125c,#030a0fad),image-set("/assets/breeding-field.webp" 1x type("image/webp"),"/assets/breeding-field.png" 1x type("image/png"))}}.app-shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 30%,#0000 0 35%,#02080c75 100%),repeating-linear-gradient(115deg,#ffffff05 0 1px,#0000 1px 9px);position:fixed;inset:0}.top-hud{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#061118f0,#061118c7);border-bottom:1px solid #c3dce26b;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;height:76px;padding:0 34px;display:grid;box-shadow:0 8px 24px #00000047}.brand{width:auto;min-width:0;max-width:100%;color:var(--text-primary);align-items:center;gap:13px;text-decoration:none;display:flex}.brand-glyph{width:44px;height:50px;color:var(--accent);flex:none;place-items:center;display:grid}.brand-glyph svg{width:100%;height:100%;display:block}.brand>span:last-child{align-items:baseline;gap:13px;min-width:0;display:flex;overflow:hidden}.brand strong{min-width:0;font-size:var(--text-xl);letter-spacing:.08em;text-shadow:0 2px 6px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand small{min-width:0;color:var(--text-muted);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.top-hud nav{align-self:stretch;display:flex}.top-hud nav :is(a,button){min-width:168px;color:var(--text-primary);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);cursor:pointer;font:inherit;letter-spacing:.08em;text-align:center;background:#1f30396b;border:0;border-left:1px solid #c1dae038;place-items:center;padding:0 18px 0 22px;font-weight:700;text-decoration:none;display:inline-grid;position:relative}.top-hud nav :is(a,button).active{color:var(--accent);background:linear-gradient(#244a58b8,#0a1f28d6)}.top-hud nav :is(a,button).active:after{content:"";background:var(--accent);height:3px;box-shadow:0 0 14px var(--accent);transition:opacity var(--dur-base) var(--ease-out);position:absolute;bottom:0;left:18%;right:18%}.top-hud nav i{background:var(--accent-soft);min-width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;margin-left:7px;font-size:11px;font-style:normal;display:inline-grid}.header-actions{justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.menu-button{border:1px solid var(--border);width:46px;height:44px;color:var(--text-primary);cursor:pointer;clip-path:polygon(12% 0,88% 0,100% 15%,100% 85%,88% 100%,12% 100%,0 85%,0 15%);background:#14232bad;flex:none;place-items:center;display:grid}.utility-menu{z-index:80;border:1px solid var(--accent);width:290px;box-shadow:var(--shadow-panel);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#050f15f7;padding:16px;position:fixed;top:68px;right:24px}.utility-menu strong{color:var(--accent)}.utility-menu p{color:var(--text-muted);font-size:12px;line-height:1.65}.utility-menu :is(a,button){border:1px solid var(--border);background:var(--accent-soft);width:100%;height:38px;color:var(--accent);cursor:pointer;font:inherit;place-items:center;text-decoration:none;display:grid}.utility-menu hr+:is(a,button){margin-top:0}.utility-menu :is(a,button)+:is(a,button){margin-top:8px}.language-menu{position:relative}.language-menu__trigger{border:1px solid var(--border);min-width:116px;height:36px;color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#14232be6;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.language-menu__list{z-index:90;border:1px solid var(--accent);width:180px;box-shadow:var(--shadow-overlay);background:#050f15fc;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.language-menu__list button{min-height:40px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.language-menu__list button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary)}.language-menu__error{z-index:91;border:1px solid var(--danger);color:#ffd7d1;background:#340f10fa;width:min(300px,100vw - 24px);padding:10px 12px;font-size:12px;line-height:1.5;position:absolute;top:calc(100% + 8px);right:0}.tool-frame{background:linear-gradient(90deg,#060e142e,#060e1414);border-left:1px solid #bcd7dc4d;border-right:1px solid #bcd7dc4d;width:min(1460px,100% - 40px);margin:0 auto;padding:22px 34px 18px}.page-heading h1{letter-spacing:.09em;text-shadow:0 2px 8px #000;margin:0;font-size:29px}.page-heading p{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.05em;margin:7px 0 0}.hud-panel{background:var(--surface-1);border:1px solid var(--border);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.hud-panel:after{content:"";pointer-events:none;clip-path:inherit;border:1px solid #b0ccd41f;position:absolute;inset:5px}.corner{z-index:2;pointer-events:none;width:46px;height:22px;position:absolute}.corner--tl{border-left:3px solid var(--accent);border-top:3px solid var(--accent);top:3px;left:3px}.corner--br{border-right:2px solid var(--border-bright);border-bottom:2px solid var(--border-bright);bottom:3px;right:3px}.parent-stage{grid-template-columns:1fr 90px 1fr;align-items:center;gap:18px;margin-top:18px;display:grid;position:relative}.parent-card{grid-template-rows:auto 1fr;grid-template-columns:150px 1fr 48px;gap:10px 18px;min-height:190px;padding:17px 22px;display:grid}.parent-card h2{color:var(--text-secondary);font-size:var(--text-lg);letter-spacing:.07em;grid-column:1/-1;margin:0}.parent-card--open{z-index:20;clip-path:none;border-color:var(--accent);box-shadow:0 0 0 1px #4fe3f88c, 0 0 20px #4fe3f826, var(--shadow-panel)}.picker-info{align-self:center;gap:13px;min-width:0;display:grid}.picker-trigger{border:1px solid var(--border);cursor:pointer;text-align:left;background:#040c11b8;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:48px;padding:0 14px;display:grid}.picker-trigger span{letter-spacing:.04em;font-size:17px}.parent-meta{align-items:center;gap:12px;display:flex}.parent-meta>span:last-child{color:#dce5e7;background:#0e1d24c2;border:1px solid #b8cdd33d;align-items:center;min-height:36px;padding:0 12px;font-size:13px;display:flex}.gender-toggle{grid-template-columns:1fr 1fr;gap:4px;width:max-content;display:inline-grid}.gender-toggle button{min-width:62px;height:44px;color:var(--text-muted);cursor:pointer;background:#040c11b8;border:1px solid #b8cdd347;font-size:12px}.gender-toggle button.active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent);background:#1c6979b8}.favorite-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.favorite-toggle.active{color:var(--warning);filter:drop-shadow(0 0 6px #e4a12e94)}.parent-card>.favorite-toggle{border:1px solid var(--border);background:#101f27b8;align-self:center;width:45px;height:45px}.picker-menu{z-index:30;border:1px solid var(--accent);background:#050f15fa;padding:10px;position:absolute;top:74px;left:160px;right:60px;box-shadow:0 18px 30px #0000008c}.picker-menu>label{border:1px solid var(--border);align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.picker-menu input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0}.picker-options{grid-template-columns:1fr 1fr;gap:5px;max-height:218px;margin-top:8px;display:grid;overflow:auto}.picker-options button{cursor:pointer;text-align:left;background:#1a2b33b3;border:1px solid #0000;align-items:center;gap:8px;min-width:0;min-height:44px;padding:7px;display:flex}.picker-options button:hover,.picker-options button.selected{border-color:var(--accent);background:var(--accent-soft)}.picker-options button span{gap:2px;min-width:0;display:grid}.picker-options strong,.picker-options small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.picker-options small{color:var(--text-muted);font-size:10px}.picker-options p{text-align:center;color:var(--text-muted);grid-column:1/-1}.pal-medallion{--pal-color:#54899a;background:radial-gradient(circle at 45% 40%, color-mix(in srgb, var(--pal-color), white 20%), color-mix(in srgb, var(--pal-color), #071117 48%) 64%, #071117 65% 100%);box-shadow:0 0 0 5px #0a181eeb, 0 0 0 7px color-mix(in srgb, var(--pal-color), #d9f7ff 40%), inset 0 0 20px #00000080;border:2px solid #bdd2d7;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:visible}.pal-medallion img{z-index:2;object-fit:cover;clip-path:circle(49%);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 4px #00000080);width:94%;height:94%;position:relative}.pal-medallion small{z-index:3;background:color-mix(in srgb, var(--pal-color), #121d20 35%);clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);border:1px solid #c3d6d8;place-items:center;width:27px;height:27px;font-size:10px;display:grid;position:absolute;bottom:-2px;right:-3px}.pal-medallion--xl{width:154px;height:154px}.pal-medallion--xl strong{font-size:42px}.pal-medallion--lg{place-self:center;width:124px;height:124px}.pal-medallion--md{width:70px;height:70px}.pal-medallion--sm{width:48px;height:48px;box-shadow:0 0 0 3px #0a181eeb, 0 0 0 4px color-mix(in srgb, var(--pal-color), #d9f7ff 38%)}.pal-medallion--sm strong{font-size:16px}.pal-medallion--sm small,.pal-medallion--xs small{display:none}.pal-medallion--xs{width:34px;height:34px;box-shadow:0 0 0 2px #0a181eeb, 0 0 0 3px color-mix(in srgb, var(--pal-color), #d9f7ff 36%);border-width:1px}.pal-medallion--xs strong{font-size:12px}.swap-control{border:1px solid var(--accent);width:70px;height:70px;color:var(--accent);cursor:pointer;transition:rotate var(--dur-base) var(--ease-out), filter var(--dur-base) var(--ease-out);background:radial-gradient(circle,#17333e,#08151b 67%);border-radius:50%;justify-self:center;place-items:center;display:grid;box-shadow:0 0 0 6px #08141bc7,0 0 18px #4fe3f833}.swap-control:hover{filter:brightness(1.22);rotate:180deg}.calculate-control{border:1px solid var(--border-accent);width:400px;height:52px;color:var(--text-primary);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);font-size:var(--text-lg);letter-spacing:.16em;cursor:pointer;box-shadow:var(--glow-accent), inset 0 0 20px var(--accent-soft);transition:filter var(--dur-fast) var(--ease-out);background:linear-gradient(#168fb0eb,#0a5a73f5);justify-content:center;align-items:center;gap:14px;margin:16px auto 12px;font-weight:700;display:flex}.calculate-control:hover{filter:brightness(1.15)}.calculation-error{border:1px solid var(--danger);background:var(--danger-soft);color:var(--text-primary);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;padding:10px 14px;display:flex}.calculation-error svg{color:var(--danger);flex:none}.swap-control:active{transform:scale(.92)}.calculate-control:disabled{cursor:progress}.calculate-control.is-calculating svg{animation:spin var(--dur-base) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{grid-template-rows:auto 1fr;grid-template-columns:160px minmax(300px,340px) minmax(0,1fr) minmax(180px,220px);gap:8px 18px;min-height:210px;padding:13px 23px 17px;display:grid}.result-panel>h2{letter-spacing:.08em;grid-column:1/-1;margin:0;font-size:20px}.result-portrait{place-items:center;display:grid}.result-identity{border-right:1px solid #b5cfd640;grid-template-columns:minmax(max-content,1fr) auto;align-self:center;gap:10px 12px;min-width:0;padding-right:16px;display:grid}.result-identity>div{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.result-identity h3{letter-spacing:.05em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:29px}.breeding-value{align-items:baseline;gap:10px;min-width:0;display:flex}.breeding-value small{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.breeding-value strong{color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-3xl);text-shadow:0 0 10px #4fe3f838;white-space:nowrap;flex-shrink:0;line-height:1}.element-tag{border:1px solid color-mix(in srgb, var(--pal-color,#8e754d), white 20%);color:#f4e4c8;white-space:nowrap;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#73501f75;flex-shrink:0;align-items:center;gap:7px;width:max-content;max-width:100%;height:31px;padding:0 10px;font-size:12px;display:inline-flex}.element-tag i{background:currentColor;width:9px;height:9px;rotate:45deg}.element-tag--water,.element-tag--ice{color:#bdeeff;background:#24678770}.element-tag--grass{color:#b9e99c;background:#346c3e75}.element-tag--electric{color:#ffe47c;background:#8062157a}.element-tag--fire{color:#ffb697;background:#8439227a}.element-tag--dark{color:#debfff;background:#50356680}.work-section{background:#0e1d249e;border:1px solid #b1cbd242;align-self:center;padding:10px 22px}.work-section h3,.passive-section h3{color:var(--text-secondary);letter-spacing:.06em;margin:0 0 8px;font-size:14px}.work-meter{border-top:1px solid #b1cbd226;grid-template-columns:minmax(0,12.5rem) minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:50px;display:grid}.work-meter:first-of-type{border-top:0}.work-name{overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;font-size:14px;line-height:1.25;display:flex}.meter-blocks{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.meter-blocks i{width:22px;height:8px;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:#1a2b32;border:1px solid #536a71}.meter-blocks i.filled{border-color:var(--accent);background:var(--accent);box-shadow:0 0 7px #4fe3f861}.work-meter b{white-space:nowrap;font-size:14px}.passive-section{align-self:center;gap:7px;min-width:0;display:grid}.passive-section p{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.result-related-links{color:var(--text-muted);margin:10px 0 0;font-size:12px}.result-related-links .text-link{font-size:12px}.empty-copy p{margin:0 0 8px}.empty-copy p:last-child{margin-bottom:0}.passive-section span{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);background:#1b394399;border:1px solid #50727e;align-items:center;min-height:32px;padding:0 13px;font-size:12px;display:flex}.passive-section span.rare{border-color:var(--warning);color:#ffe4a4;background:#754707ad}.result-panel--fresh{animation:resultReveal .42s var(--ease-out) both}.result-panel--fresh .result-portrait{animation:resultStagger .3s var(--ease-out) both;animation-delay:40ms}.result-panel--fresh .result-identity{animation:resultStagger .3s var(--ease-out) both;animation-delay:80ms}.result-panel--fresh .work-section{animation:resultStagger .3s var(--ease-out) both;animation-delay:.12s}.result-panel--fresh .passive-section{animation:resultStagger .3s var(--ease-out) both;animation-delay:.16s}@keyframes resultReveal{0%{opacity:.35;filter:brightness(1.4);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}@keyframes resultStagger{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lower-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px;display:grid}.alternative-section,.recent-section{min-height:170px;padding:12px 18px 14px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-heading h2{color:var(--accent);letter-spacing:.07em;margin:0;font-size:16px}.panel-heading span{color:var(--text-muted);font-size:11px}.panel-heading button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:11px}.alternative-rail{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.alternative-rail>button{text-align:left;cursor:pointer;background:#13252cb8;border:1px solid #aec7ce4d;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;min-height:112px;padding:10px;display:grid}.alternative-rail>button:hover{border-color:var(--accent);background:var(--accent-soft)}.alternative-rail>button>span:nth-child(2){gap:7px;min-width:0;display:grid}.alternative-rail strong,.alternative-rail small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alternative-rail small{color:var(--text-muted);font-size:10px}.alternative-rail small b{color:var(--accent);font-size:14px}.alternative-rail .element-tag{height:24px;padding:0 7px;font-size:9px}.recent-list{border-top:1px solid #afc7ce2e}.recent-row{border-bottom:1px solid #afc7ce24;grid-template-columns:auto auto auto auto 1fr auto;align-items:center;gap:8px;min-height:44px;display:grid}.recent-row>span:nth-last-child(2){gap:2px;min-width:0;display:grid}.recent-row strong,.recent-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-row small{color:var(--text-muted);font-size:10px}.recent-row small b{color:var(--accent)}.recent-row>button{border:1px solid var(--border);cursor:pointer;background:#12242bb3;place-items:center;width:44px;height:44px;display:grid}.empty-copy{color:var(--text-muted);text-align:center;margin:35px 0}.action-row{justify-content:center;gap:36px;margin:9px 0 0;display:flex}.action-row button{border:1px solid var(--border);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);cursor:pointer;background:#101f27e0;justify-content:center;align-items:center;gap:10px;min-width:210px;height:43px;display:flex}.action-row button:hover,.action-row button.active{color:var(--accent);border-color:var(--accent);background:#114b58cc}.saved-view{min-width:0;min-height:calc(100vh - 145px);padding:30px}.saved-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin-top:28px;display:grid}.saved-list>button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#0e1e26bf;grid-template-columns:auto auto auto auto auto minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;min-height:84px;padding:13px 18px;display:grid;overflow:hidden}.saved-list>button:hover{border-color:var(--accent)}.saved-list span:last-child{gap:3px;min-width:0;display:grid;overflow:hidden}.saved-list strong,.saved-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.saved-list small{color:var(--text-muted)}.saved-empty{min-height:480px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.saved-empty h2,.saved-empty p{margin:0}.saved-empty button{border:1px solid var(--accent);background:var(--accent-soft);height:44px;color:var(--accent);cursor:pointer;margin-top:12px;padding:0 24px}footer{color:#deeaedb8;text-align:center;font-size:var(--text-sm);letter-spacing:.05em;text-shadow:0 1px 4px #000;padding:8px 20px 12px}footer p{margin:.25em 0}.footer-links{margin-top:.4em!important}button.text-link,.text-link{color:var(--accent);cursor:pointer;font:inherit;letter-spacing:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.page-heading-link{margin-top:8px!important}.page-heading-link .text-link{font-size:12px}:lang(en) .brand strong{letter-spacing:.03em}:lang(en) .top-hud nav :is(a,button){letter-spacing:.035em}:lang(en) .page-heading h1,:lang(en) .result-panel>h2,:lang(en) .panel-heading h2{letter-spacing:.03em}:lang(en) .picker-trigger span{letter-spacing:.01em}:lang(en) .calculate-control{letter-spacing:.045em}@media (width<=1280px){.top-hud nav :is(a,button){letter-spacing:.04em;min-width:132px;padding:0 12px 0 16px}.language-switcher--header button{padding:0 8px;font-size:11px}}@media (width<=1120px){.top-hud{grid-template-columns:minmax(0,1fr) auto;height:72px;padding:0 16px;position:relative}.top-hud nav{z-index:50;grid-template-columns:repeat(5,minmax(0,1fr));height:54px;display:grid;position:absolute;top:72px;left:12px;right:12px}.top-hud nav button{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);letter-spacing:.02em;min-width:0;padding:0 10px;font-size:13px}.tool-frame{width:min(1460px,100% - 24px);padding:80px 18px 18px}.utility-menu{width:min(290px,100% - 24px);top:62px;right:12px}.parent-card{grid-template-columns:110px 1fr 44px}.pal-medallion--lg{width:92px;height:92px}.picker-menu{left:120px}.result-panel{grid-template-columns:140px minmax(260px,300px) minmax(0,1fr)}.result-identity{grid-template-columns:minmax(0,1fr);padding-right:12px}.result-identity .element-tag{grid-column:1}.passive-section{grid-column:2/-1;grid-template-columns:minmax(0,1fr)}.alternative-rail{grid-template-columns:repeat(2,1fr)}.action-row{gap:12px}}@media (width<=760px){.app-shell{background-image:-webkit-linear-gradient(#030a0fad,#040c125c),-webkit-image-set(url(/assets/breeding-field-960.webp) 1x type("image/webp"),url(/assets/breeding-field.png) 1x type("image/png"));background-image:linear-gradient(#040c125c,#030a0fad),image-set("/assets/breeding-field-960.webp" 1x type("image/webp"),"/assets/breeding-field.png" 1x type("image/png"));background-position:63%;background-attachment:scroll}.top-hud{height:72px;padding:0 16px}.brand-glyph{width:38px;height:44px}.brand>span:last-child{gap:1px;display:grid}.brand strong{font-size:18px}.brand small{font-size:10px}.menu-button{width:42px;height:42px}.header-actions{gap:6px}.language-menu__trigger{min-width:96px;height:34px;padding:0 7px}.top-hud nav{grid-template-rows:54px 54px;grid-template-columns:repeat(3,minmax(0,1fr));height:108px;top:72px;left:12px;right:12px}.top-hud nav :is(a,button){letter-spacing:.01em;min-width:0;padding:0 8px;font-size:12px}.tool-frame{border:0;width:100%;padding:134px 12px 20px}.utility-menu{width:min(290px,100% - 24px);top:62px;right:12px}.page-heading{display:none}.parent-stage{grid-template-columns:1fr;gap:8px;margin-top:0;display:grid}.parent-card{grid-template-rows:auto 1fr;grid-template-columns:84px 1fr 42px;gap:7px 12px;min-height:142px;padding:12px 14px}.parent-card h2{color:var(--accent);font-size:16px}.pal-medallion--lg{width:72px;height:72px}.pal-medallion--lg strong{font-size:20px}.picker-trigger{height:42px}.picker-trigger span{font-size:14px}.parent-meta{gap:6px}.parent-meta>span:last-child{display:none}.parent-meta .element-tag{height:28px}.gender-toggle button{min-width:56px;height:44px}.parent-card>.favorite-toggle{width:44px;height:44px}.picker-menu{top:53px;left:92px;right:14px}.picker-options{grid-template-columns:1fr}.swap-control{z-index:21;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swap-control:hover{rotate:0deg}.calculate-control{width:100%;height:52px;margin:10px 0;font-size:18px}.result-panel{grid-template-rows:auto auto auto auto;grid-template-columns:92px minmax(0,1fr);gap:7px 12px;min-width:0;min-height:230px;padding:11px 14px 14px}.result-panel>*{min-width:0}.result-panel>h2{color:var(--accent);font-size:16px}.result-portrait{grid-row:2/4}.pal-medallion--xl{width:78px;height:78px}.pal-medallion--xl strong{font-size:22px}.result-identity{border:0;grid-column:2;grid-template-columns:minmax(0,1fr);gap:7px;padding:0}.result-identity>div,.result-identity .element-tag{grid-column:1;min-width:0}.result-identity .element-tag{max-width:100%}.result-identity h3{overflow-wrap:anywhere;font-size:23px}.breeding-value{flex-wrap:wrap;row-gap:2px}.breeding-value strong{font-size:28px}.work-section{grid-column:1/-1;min-width:0;padding:7px 10px}.work-section h3{display:none}.work-meter{grid-template-columns:minmax(0,11.5rem) minmax(0,1fr) auto;gap:7px;min-height:35px}.meter-blocks i{width:17px;height:7px}.passive-section{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:5px;display:grid}.passive-section h3{display:none}.passive-section p{font-size:11px;line-height:1.5}.passive-section span{justify-content:center;min-height:29px;padding:0 5px;font-size:10px}.lower-grid{grid-template-columns:minmax(0,1fr);min-width:0}.alternative-section,.recent-section{width:100%;min-width:0;min-height:auto;padding:11px 13px 13px}.alternative-section{overflow:hidden}.alternative-rail{scrollbar-width:none;gap:8px;width:100%;min-width:0;padding-bottom:5px;display:flex;overflow-x:auto}.alternative-rail>button{flex:0 0 178px;min-height:82px}.recent-section{margin-top:0}.recent-row{grid-template-columns:auto auto auto auto 1fr auto}.action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-row button{gap:6px;min-width:0;height:42px;padding:0 8px;font-size:14px}.action-row button:last-child{grid-column:1/-1}.saved-view{min-height:calc(100vh - 120px);padding:18px 14px}.saved-view .page-heading{display:block}.saved-list{grid-template-columns:minmax(0,1fr)}.saved-list>button{gap:6px;min-height:72px;padding:10px 12px}.saved-list .pal-medallion--sm{width:36px;height:36px;box-shadow:0 0 0 2px #0a181eeb, 0 0 0 3px color-mix(in srgb, var(--pal-color), #d9f7ff 36%)}footer{padding-bottom:18px}}@media (width<=420px){.work-meter{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;min-height:52px;padding:5px 0}.meter-blocks{grid-area:2/1/auto/-1}.action-row button{letter-spacing:0;font-size:13px}:lang(en) .action-row button{font-size:12px}}@media (width<=360px){.top-hud{grid-template-columns:minmax(0,1fr) auto;gap:8px}.brand{width:auto;min-width:0}.brand>span:last-child{min-width:0}.brand strong{letter-spacing:.02em;overflow-wrap:anywhere;line-height:1.05}.brand small{display:none}.language-menu__trigger{min-width:42px;max-width:96px;padding:0 6px;font-size:10px}.language-menu__trigger span:first-child{text-overflow:ellipsis;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.info-page{max-width:70ch;margin:0 auto;padding:32px}.info-content{padding:24px}.info-content h2{color:var(--accent);letter-spacing:.05em;margin-top:24px;margin-bottom:12px;font-size:18px}.info-content p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:16px;line-height:1.7}.info-content ul{color:var(--text-muted);margin-left:24px;line-height:1.8}.info-content li{margin-bottom:8px}.info-content a{color:var(--accent);text-decoration:none}.info-content a:hover{text-decoration:underline}.utility-menu hr{border:0;border-top:1px solid var(--border);margin:12px 0}.reverse-view{gap:18px;display:grid}.offspring-picker{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;width:min(560px,100%);min-height:160px;margin:0 auto;padding:18px 22px;display:grid}.offspring-picker--open{z-index:20;clip-path:none;border-color:var(--accent);box-shadow:0 0 0 1px #4fe3f88c, 0 0 20px #4fe3f826, var(--shadow-panel);overflow:visible}.offspring-picker .picker-trigger{width:100%;min-width:0}.offspring-picker .picker-menu{width:auto;top:calc(100% + 8px);left:0;right:0}.reverse-results{min-height:240px;padding:22px}.reverse-filter{border:1px solid var(--border);background:#040c11b8;align-items:center;gap:9px;height:44px;margin:0 0 14px;padding:0 12px;display:flex}.reverse-filter input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0}.reverse-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reverse-list article{border:1px solid var(--border);background:#0e1e26bf;grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:76px;padding:10px 12px;display:grid}.reverse-list article>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reverse-list article>small{color:var(--text-muted);grid-column:1/-1}.reverse-more{border:1px solid var(--accent);background:var(--accent-soft);min-width:180px;height:44px;color:var(--text-primary);cursor:pointer;margin:18px auto 0;display:block}@media (width<=1120px){.offspring-picker{grid-template-columns:110px minmax(0,1fr)}}@media (width<=760px){.reverse-view>.page-heading{display:block}.reverse-view>.page-heading h1{font-size:23px}.offspring-picker{grid-template-columns:84px minmax(0,1fr);gap:12px;width:100%;min-height:120px;padding:14px}.reverse-list{grid-template-columns:minmax(0,1fr)}.reverse-results{padding:14px}}.pal-atlas-view,.pal-skill-detail,.pal-skill-build{gap:18px;display:grid}.pal-atlas-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.pal-atlas-heading>strong{color:var(--accent);white-space:nowrap;font-size:14px}.pal-atlas-controls{grid-template-columns:minmax(0,1fr) 220px;gap:10px;display:grid}.pal-atlas-search{border:1px solid var(--border);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:58px;padding:0 18px;display:grid}.pal-atlas-search span{color:var(--accent);font-weight:700}.pal-atlas-search input{border:0;border-left:1px solid var(--border);width:100%;height:40px;color:var(--text-primary);background:0 0;outline:0;padding:0 14px}.pal-atlas-filter{border:1px solid var(--border);background:var(--surface-2);gap:4px;min-height:58px;padding:8px 12px;display:grid}.pal-atlas-filter span{color:var(--accent);font-size:12px;font-weight:700}.pal-atlas-filter select{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0}.pal-atlas-filter option{color:var(--bg-base)}.pal-atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pal-atlas-card{min-width:0;min-height:82px;color:var(--text-primary);transition:border-color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:grid}.pal-atlas-card:hover{border-color:var(--accent);background:#122f39eb;transform:translateY(-2px)}.pal-atlas-card>span{gap:4px;min-width:0;display:grid}.pal-atlas-card strong,.pal-atlas-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pal-atlas-card small{color:var(--text-muted)}.pal-atlas-card>i{color:var(--accent);font-size:20px;font-style:normal}.back-link{width:max-content}.pal-skill-hero{align-items:center;gap:28px;min-height:164px;padding:22px 30px;display:flex}.pal-skill-hero h1{font-family:var(--font-display);letter-spacing:.05em;margin:4px 0;font-size:34px}.pal-skill-hero p,.pal-skill-hero small{color:var(--text-muted);margin:0}.partner-skill-card{background:linear-gradient(130deg,#0a313df0,#061219f0);border-color:#4fe3f8a6;grid-template-columns:72px minmax(0,1fr);gap:24px;min-height:180px;padding:28px 34px;display:grid}.section-kicker,.skill-section-heading>span{color:#4fe3f873;font:700 36px/1 system-ui,sans-serif}.partner-skill-card h2,.skill-section-heading h2{color:var(--accent);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:16px}.partner-skill-card h3{font-family:var(--font-display);margin:12px 0 8px;font-size:28px}.partner-skill-card p{max-width:900px;color:var(--text-secondary);margin:0;line-height:1.75}.skill-source-note,.skill-data-note{border-left:3px solid var(--warning);color:#f0d9a4;background:#49310c99;margin:0;padding:12px 16px;font-size:13px;line-height:1.6}.skill-section{padding:24px 28px 28px}.skill-section-heading{align-items:center;gap:14px;margin-bottom:18px;display:flex}.skill-section-heading>span{font-size:24px}.active-skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.active-skill-list article,.guaranteed-passive-list article{background:var(--surface-3);border:1px solid #a6c2cc40;min-width:0;padding:16px}.active-skill-list article>div{justify-content:space-between;align-items:start;gap:12px;display:flex}.active-skill-list h3,.guaranteed-passive-list h3{margin:0;font-size:17px}.active-skill-list p,.guaranteed-passive-list p{color:var(--text-muted);margin:10px 0 0;line-height:1.6}.active-skill-list .skill-description-missing{color:#e8bd73}.skill-meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;font-size:11px;display:flex}.skill-meta :is(b,i){border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;padding:4px 7px;font-style:normal;font-weight:400}.skill-meta b{border-color:var(--accent-deep);color:var(--accent)}.guaranteed-passive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guaranteed-passive-list article{border-color:#e4a12e80}.guaranteed-passive-list h3{color:#ffe4a4}.guaranteed-passive-list small{color:var(--warning);margin-top:5px;display:block}.skill-empty{border:1px dashed var(--border);color:var(--text-muted);margin:0;padding:18px;line-height:1.65}.skill-data-note{border-left-color:var(--accent);color:var(--text-secondary);background:#0c2d37a8}.skill-data-note p{margin:5px 0 0}.skill-cta-row{flex-wrap:wrap;gap:10px;display:flex}.skill-cta-row a{border:1px solid var(--accent);background:var(--accent-soft);min-height:44px;color:var(--text-primary);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.skill-build-section{grid-template-columns:58px minmax(0,1fr);gap:18px;padding:26px 30px;display:grid}.skill-build-section-body{min-width:0}.skill-build-section-body>h2{color:var(--accent);margin:0;font-size:20px}.skill-build-section-body>h3{margin:18px 0 7px;font-size:24px}.skill-build-section-body>p{color:var(--text-muted);line-height:1.65}.skill-build-boundary{color:var(--text-secondary);margin:8px 0 0}.skill-build-rank{max-width:360px;color:var(--text-muted);gap:7px;margin-top:20px;font-size:13px;display:grid}.skill-build-rank select,.skill-build-picker select{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text-primary);background:#040f15f2;padding:0 12px}.skill-build-picker{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:20px 0 14px;display:grid}.skill-build-picker label{color:var(--text-muted);gap:7px;font-size:13px;display:grid}.skill-build-picker button,.skill-build-actions button,.skill-build-selection button{border:1px solid var(--accent-deep);background:var(--accent-soft);min-height:46px;color:var(--text-primary);cursor:pointer;padding:0 16px}.skill-build-picker button:disabled{opacity:.42;cursor:not-allowed}.skill-build-selections{gap:10px;display:grid}.skill-build-selection{background:var(--surface-3);border:1px solid #a6c2cc40;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid}.skill-build-selection h3{margin:0;font-size:18px}.skill-build-selection p{color:var(--text-muted);white-space:pre-line;margin:8px 0 0;line-height:1.55}.skill-build-selection button{background:#49310c8c;border-color:#e4a12e8c;min-height:36px;padding:0 12px}.skill-build-origins{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.skill-build-origins span{border:1px solid var(--accent-deep);color:#bceef5;background:#1046535c;padding:5px 8px;font-size:12px}.skill-build-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skill-build-actions span{color:#bceef5}@media (width<=1120px){.pal-atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.pal-atlas-view>.page-heading{display:flex}.pal-atlas-heading{align-items:start}.pal-atlas-heading h1{font-size:23px}.pal-atlas-controls{grid-template-columns:minmax(0,1fr)}.pal-atlas-search{grid-template-columns:minmax(0,1fr);gap:5px;padding:10px 12px}.pal-atlas-search input{border-left:0;border-top:1px solid var(--border);padding:0}.pal-atlas-grid{grid-template-columns:minmax(0,1fr)}.pal-skill-hero{gap:18px;padding:18px}.pal-skill-hero h1{font-size:24px}.partner-skill-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:22px 18px}.partner-skill-card h3{font-size:22px}.skill-section{padding:18px 14px}.active-skill-list,.guaranteed-passive-list{grid-template-columns:minmax(0,1fr)}.active-skill-list article>div{display:grid}.skill-build-section{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:20px 14px}.skill-build-picker,.skill-build-selection{grid-template-columns:minmax(0,1fr)}.skill-build-selection button{justify-self:start}.skill-meta{justify-content:flex-start}.skill-cta-row{grid-template-columns:minmax(0,1fr);display:grid}.skill-cta-row a{justify-content:center}}.best-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.best-list li{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-2);background:var(--surface-1);border:1px solid var(--border);display:flex}.best-list a{color:var(--text-primary)}.best-rank{min-width:2.5em;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-secondary)}.best-metric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--accent);margin-left:auto}.type-chart{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.type-chart th,.type-chart td{border:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:center;min-height:44px}.type-chart thead th{background:var(--surface-2);color:var(--text-primary)}.type-chart tbody th{background:var(--surface-1);color:var(--text-primary);text-align:left}.type-strong{color:var(--success);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.type-weak{color:var(--warning);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.type-neutral{color:var(--text-muted)}.best-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.best-table th,.best-table td{border:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:left;min-height:44px}.best-table thead th{background:var(--surface-2);color:var(--text-primary)}.best-table .best-rank{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:2.5em}.best-table .best-metric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent)}