.breeding-trio{display:flex;align-items:center;justify-content:space-between;gap:8px}.breeding-pal{display:grid;justify-items:center;gap:5px;min-width:0;max-width:30%;color:#e3f8fc;text-decoration:none;text-align:center;font-size:.875rem}.breeding-pal img{object-fit:contain}.player-materials{width:100%;border-collapse:collapse;margin:14px 0}.player-materials th,.player-materials td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid #a1d5d42b;font-size:.9375rem}.player-materials td:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.player-materials a{color:#94ece4}.player-passive-presets{display:flex;gap:8px;flex-wrap:wrap}.player-passive-presets button{min-height:44px;padding:8px 12px;background:#17404b;border:1px solid #8fdbd24d;border-radius:7px;color:#e9ffff;cursor:pointer}.player-passive-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.player-passive-list h3{font-size:1.1rem;margin:0}.player-passive-choice{display:inline-block;vertical-align:top;width:calc(50% - 12px);padding:12px;margin:6px;border:1px solid #86bcbc50;border-radius:8px;background:#123744}.player-passive-choice p{margin:5px 0 0}.player-passive-notes{padding:12px;margin:12px 0;border-left:3px solid #ecd591;background:#3a35204a}.player-passive-notes p{margin:6px 0}.palworld-shell .tool-hero{padding-block:26px 18px}.palworld-shell .tool-hero h1{font-size:clamp(2rem,3vw,2.8rem)}.palworld-shell .tool-hero__lead{font-size:1rem;max-width:760px}.palworld-shell .tool-panel{padding:18px}.palworld-shell .tool-result p,.palworld-shell .skill-row p{font-size:.9375rem}.palworld-shell .tool-panel h2{font-size:1.35rem}.palworld-shell .tool-controls input,.palworld-shell .tool-controls select{min-height:44px;min-width:0;width:100%}@media(max-width:950px){.player-passive-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.player-passive-list{grid-template-columns:minmax(0,1fr)}.player-passive-choice{display:block;width:auto;margin-inline:0}.player-materials th,.player-materials td{padding:10px 5px;font-size:.875rem}.breeding-trio{gap:4px}.breeding-pal{font-size:.8125rem}}@layer pages{.tool-page{--tool-accent: var(--mint, #67e7ce);background:radial-gradient(circle at 80% 2%,rgb(84 211 220 / 9%),transparent 32rem),var(--night, #031019)}.tool-hero{position:relative;width:var(--workspace, min(1600px, calc(100vw - 40px) ));margin:0 auto;padding:clamp(2.4rem,5vw,4.6rem) 0 clamp(1.7rem,3vw,2.5rem);border-bottom:1px solid var(--line, rgb(172 218 224 / 15%))}.tool-hero__kicker,.tool-label{margin:0;color:var(--tool-accent);font:800 .76rem/1.3 var(--font-mono, ui-monospace, monospace);letter-spacing:.13em;text-transform:uppercase}.tool-hero h1{max-width:1020px;margin:.4rem 0 0;color:var(--ink, #f4f8f2);font:700 clamp(3.1rem,7vw,6.7rem)/.88 var(--font-display, sans-serif);letter-spacing:-.035em;text-transform:uppercase}.tool-hero__lead{max-width:820px;margin:1rem 0 0;color:var(--muted, #afc3c8);font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.65}.tool-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.15rem}.tool-meta span,.tool-chip{display:inline-flex;min-height:30px;align-items:center;padding:.32rem .62rem;border:1px solid var(--line-strong, rgb(172 232 232 / 29%));color:var(--muted, #afc3c8);background:#67e7ce0d;font:720 .75rem/1.2 var(--font-mono, ui-monospace, monospace)}.tool-shell{display:grid;width:var(--workspace, min(1600px, calc(100vw - 40px) ));gap:14px;margin:0 auto;padding:clamp(1.2rem,3vw,2rem) 0 clamp(3rem,7vw,6rem)}.tool-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.tool-panel{grid-column:span 6;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--line, rgb(172 218 224 / 15%));background:linear-gradient(145deg,rgb(255 255 255 / 3%),transparent 58%),#071924f0;box-shadow:0 20px 55px #00070c38}.tool-panel--wide{grid-column:1 / -1}.tool-panel--narrow{grid-column:span 4}.tool-panel--accent{border-top:2px solid var(--tool-accent)}.tool-panel__head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tool-panel h2,.tool-panel h3{margin:.2rem 0 0;color:var(--ink, #f4f8f2);font-family:var(--font-display, sans-serif);line-height:1;text-transform:uppercase}.tool-panel h2{font-size:clamp(1.8rem,3vw,2.7rem)}.tool-panel h3{font-size:1.45rem}.tool-panel p{color:var(--muted, #afc3c8);font-size:.9rem;line-height:1.58}.tool-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.tool-controls label,.tool-field{display:grid;gap:.35rem;color:var(--muted, #afc3c8);font:760 .76rem/1.3 var(--font-mono, ui-monospace, monospace)}.tool-controls input,.tool-controls select,.tool-field input,.tool-field select,.tool-search{width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid var(--line-strong, rgb(172 232 232 / 29%));border-radius:0;color:var(--ink, #f4f8f2);background:#031019c7;font-size:.92rem}.tool-controls input:focus,.tool-controls select:focus,.tool-field input:focus,.tool-field select:focus,.tool-search:focus{border-color:var(--tool-accent);outline:2px solid color-mix(in srgb,var(--tool-accent),transparent 72%)}.tool-button,.tool-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .9rem;border:1px solid color-mix(in srgb,var(--tool-accent),transparent 38%);color:#041417;background:var(--tool-accent);cursor:pointer;font:850 .76rem/1.2 var(--font-mono, ui-monospace, monospace);letter-spacing:.045em;text-decoration:none;text-transform:uppercase}.tool-button--ghost,.tool-link--ghost{color:var(--ink, #f4f8f2);background:#ffffff08;border-color:var(--line-strong, rgb(172 232 232 / 29%))}.tool-button:disabled{opacity:.45;cursor:not-allowed}.tool-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.tool-status{min-height:1.4rem;margin:.75rem 0 0;color:var(--tool-accent);font-size:.82rem;font-weight:720}.tool-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.7rem;margin-top:1rem}.tool-result{display:grid;gap:.5rem;padding:.9rem;border:1px solid var(--line, rgb(172 218 224 / 15%));color:inherit;background:#ffffff06;text-decoration:none}.tool-result:hover,.tool-result:focus-within{border-color:color-mix(in srgb,var(--tool-accent),transparent 48%);background:color-mix(in srgb,var(--tool-accent),transparent 94%)}.tool-result__meta{display:flex;flex-wrap:wrap;gap:.35rem;color:var(--tool-accent);font:760 .75rem/1.25 var(--font-mono, ui-monospace, monospace)}.tool-result strong{color:var(--ink, #f4f8f2);font-size:1rem}.tool-result p{margin:0;font-size:.84rem}.tool-result ul{margin:0;padding-left:1.1rem;color:var(--muted, #afc3c8);font-size:.82rem}.tool-boundary,.privacy-contract{padding:.85rem 1rem;border-left:3px solid var(--sun, #f8d46b);color:var(--muted, #afc3c8);background:#f8d46b0f;font-size:.86rem;line-height:1.55}.privacy-contract{border-left-color:var(--mint, #67e7ce);background:#67e7ce0f}.privacy-contract strong{color:var(--ink, #f4f8f2)}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{position:relative;display:grid;min-height:220px;align-content:space-between;gap:1.2rem;padding:1.1rem;overflow:hidden;border:1px solid var(--line, rgb(172 218 224 / 15%));color:inherit;background:#071924eb;text-decoration:none}.tool-card:before{position:absolute;top:0;left:0;width:45%;height:2px;content:"";background:var(--tool-accent)}.tool-card:hover{border-color:color-mix(in srgb,var(--tool-accent),transparent 45%);transform:translateY(-2px)}.tool-card span{color:var(--tool-accent);font:800 .76rem var(--font-mono, monospace);text-transform:uppercase}.tool-card h2{margin:.3rem 0 0;font:700 2rem/.95 var(--font-display, sans-serif);text-transform:uppercase}.tool-card p{margin:.65rem 0 0;color:var(--muted, #afc3c8);font-size:.86rem}.tool-card b{color:var(--ink, #f4f8f2);font:760 .78rem var(--font-mono, monospace)}.skill-table{display:grid;gap:.55rem;margin-top:.9rem}.skill-row{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(4,minmax(80px,.45fr)) minmax(220px,1.7fr);gap:.65rem;align-items:center;padding:.75rem .8rem;border:1px solid var(--line, rgb(172 218 224 / 15%));background:#ffffff06}.skill-row strong{color:var(--ink, #f4f8f2)}.skill-row span{color:var(--muted, #afc3c8);font-size:.8rem}.skill-row p{margin:0;font-size:.8rem}.save-dropzone{display:grid;min-height:180px;place-items:center;padding:1.3rem;border:1px dashed color-mix(in srgb,var(--tool-accent),transparent 38%);text-align:center;background:#67e7ce08}.save-dropzone input{max-width:100%}.save-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.save-summary>div{padding:.8rem;border:1px solid var(--line);background:#ffffff06}.save-summary span{display:block;color:var(--muted);font-size:.76rem}.save-summary strong{display:block;margin-top:.15rem;color:var(--tool-accent);font:700 1.8rem var(--font-display)}@media(max-width:980px){.tool-panel,.tool-panel--narrow{grid-column:1 / -1}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-row{grid-template-columns:minmax(160px,1fr) repeat(4,minmax(72px,.42fr))}.skill-row p{grid-column:1 / -1}}@media(max-width:620px){.tool-hero{padding-top:2rem}.tool-hero h1{font-size:clamp(2.9rem,15vw,4.8rem)}.tool-card-grid{grid-template-columns:1fr}.tool-card{min-height:170px}.tool-controls{grid-template-columns:1fr}.skill-row{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-row strong,.skill-row p{grid-column:1 / -1}.save-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}}