.sr{opacity:0;will-change:transform, opacity;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.sr-up{transform:translateY(32px)}.sr-left{transform:translate(-32px)}.sr-right{transform:translate(32px)}.sr-fade{transform:none}.sr-visible{opacity:1!important;transform:none!important}.hero{padding:5rem 0 3.5rem;position:relative;overflow:hidden}.hero-bg-pattern{background-image:linear-gradient(color-mix(in oklab, var(--primary) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--primary) 7%, transparent) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 40%,#0000 100%)}.hero-content{text-align:center;max-width:720px;position:relative}.hero-badge{background-color:color-mix(in oklab, var(--primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;margin-bottom:1.5rem;padding:.4rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.03em;color:var(--text,#0f172a);margin:0 0 1.15rem;font-size:clamp(2.1rem,5.5vw,3.25rem);font-weight:800;line-height:1.1}.hero-desc,.hero-subtitle{color:var(--text-muted,#64748b);max-width:36rem;margin:0 auto 1.5rem;font-size:1.08rem;line-height:1.72}.hero-stats{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin:0 0 2rem;padding:0;font-size:.82rem;font-weight:500;list-style:none;display:flex}.hero-stat{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.hero-stat-dot{background:var(--primary);flex-shrink:0;width:6px;height:6px;transform:rotate(45deg)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.calculator-section{padding-top:1rem;padding-bottom:2rem}.section-header--left{text-align:left;max-width:52rem;margin:0 0 var(--spacing-10,2.5rem)}.section-accent-bar{background:var(--primary);border-radius:4px;width:3.5rem;height:4px;margin-bottom:1.25rem}.section-lead{color:var(--text-muted,#64748b);max-width:44rem;margin-top:.75rem;font-size:1.05rem;line-height:1.72}.section-lead p{margin:0 0 .85rem}.section-lead p:last-child{margin-bottom:0}.how-it-works-grid{flex-direction:column;margin-bottom:2.5rem;display:flex}.how-it-works-visual{order:-1;width:100%;margin:0 auto .875rem}.how-visual-img{object-fit:contain;width:100%;height:100%;display:block}.visual-graphic-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.visual-dashed-box{background:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 5%, transparent) 0%, transparent 70%);border:2px dashed var(--border);border-radius:20px;justify-content:center;align-items:center;width:100%;height:180px;padding:1rem;display:flex;position:relative}.visual-floating-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--primary);z-index:10;border-radius:100px;padding:.6rem 1rem;font-size:.8rem;font-weight:600;animation:6s ease-in-out infinite floatBadge;position:absolute;bottom:-.75rem;right:-.25rem;box-shadow:0 10px 30px #00000014}@keyframes floatBadge{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.how-it-works-content{order:1}@media (min-width:768px) and (max-width:1023px){.how-it-works-visual{margin:0 auto 1rem}.visual-dashed-box{border-radius:24px;height:220px;padding:1.5rem}}@media (min-width:1024px){.how-it-works-grid{flex-direction:row;align-items:center;gap:5rem;margin-bottom:4.5rem}.how-it-works-content{flex:1;order:1}.how-it-works-visual{flex:0 0 360px;order:2;max-width:100%;margin:0}.visual-dashed-box{aspect-ratio:4/3;border-radius:32px;height:auto;padding:2.5rem}}.story-cards-wrapper{justify-content:center;width:100%;display:flex}.story-cards{gap:1.25rem;width:100%;max-width:100%;display:grid}.story-cards>*{height:100%}@media (min-width:768px){.story-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.story-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:linear-gradient(145deg, var(--bg-card) 0%, var(--bg) 100%);border-radius:16px;flex-direction:column;height:100%;padding:1.75rem;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;display:flex;position:relative;box-shadow:0 4px 20px -10px #0000000d}@media (min-width:1024px){.story-card{border-radius:20px;padding:2.25rem}}.story-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent);box-shadow:0 24px 50px color-mix(in srgb, var(--primary) 8%, transparent), 0 8px 16px #00000008;transform:translateY(-8px)scale(1.01)}.story-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.story-card-icon{background:color-mix(in srgb, var(--primary,#4d0dcd) 10%, transparent);width:48px;height:48px;color:var(--primary,#4d0dcd);border-radius:14px;justify-content:center;align-items:center;transition:background .3s,transform .3s;display:flex}.story-card:hover .story-card-icon{background:color-mix(in srgb, var(--primary) 16%, transparent);transform:scale(1.05)}.story-card-number{color:color-mix(in srgb, var(--primary,#4d0dcd) 12%, transparent);letter-spacing:-.04em;font-family:Outfit,system-ui,sans-serif;font-size:2.5rem;font-weight:800;line-height:1;transition:color .3s}.story-card:hover .story-card-number{color:color-mix(in srgb, var(--primary,#4d0dcd) 20%, transparent)}.story-card-title{color:var(--text,#0f172a);letter-spacing:-.015em;margin:0 0 .75rem;font-family:Libre Baskerville,Georgia,serif;font-size:1.25rem;font-weight:700}.story-card-text{color:var(--text-muted,#64748b);flex-grow:1;margin:0;font-size:.95rem;line-height:1.65}@media (max-width:640px){.story-card{padding:1.35rem}.story-card-title{font-size:1.05rem}}.eeat-content{max-width:50rem;color:var(--text-muted,#64748b);background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-left:4px solid var(--primary,#6366f1);border-radius:4px 16px 16px 4px;margin:0 auto;padding:2.25rem 2.25rem 2.25rem 2.5rem;font-size:1rem;line-height:1.82;box-shadow:0 1px 3px #00000008,0 6px 24px #00000006}.eeat-content p{margin:0 0 1.05rem;font-size:.96rem;line-height:1.82}.eeat-content p:last-child{margin-bottom:0}.eeat-content strong{color:var(--text,#0f172a);font-weight:650}.eeat-content code{background:color-mix(in srgb, var(--primary) 8%, var(--bg-surface,#f1f5f9));color:var(--primary);border-radius:5px;padding:.15rem .45rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85em}.eeat-content a{color:var(--primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 35%, transparent);transition:text-decoration-color .2s}.eeat-content a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.eeat-content h3{color:var(--text,#0f172a);letter-spacing:-.015em;border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin:1.75rem 0 .7rem;padding:.6rem 0 .35rem;font-family:Libre Baskerville,Georgia,serif;font-size:1.1rem;font-weight:700;line-height:1.35;position:relative}.eeat-content h3:first-of-type{margin-top:1.35rem}@media (max-width:640px){.eeat-content{border-radius:4px 12px 12px 4px;padding:1.5rem 1.15rem 1.5rem 1.35rem;font-size:.94rem}.eeat-content h3{font-size:1.02rem}}#how-combos-work,.changes-section{background:var(--bg-surface,#f8fafc)}.changes-section .eeat-content{border-left-color:var(--accent,#f59e0b)}.guide-hub-section{position:relative;overflow:hidden}.guide-hub-section:before{content:"";background:radial-gradient(ellipse 70% 50% at 50% 0%, color-mix(in srgb, var(--primary) 4%, transparent), transparent);pointer-events:none;position:absolute;inset:0}.featured-guides-grid{grid-template-columns:1fr;align-items:stretch;gap:24px;display:grid}@media (min-width:768px){.featured-guides-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.featured-guides-grid{grid-template-columns:repeat(3,1fr)}}.featured-guide-card{border:1px solid var(--border,#e2e8f0);background:var(--bg-card);color:inherit;border-radius:14px;flex-direction:column;gap:.65rem;height:100%;padding:1.5rem 1.5rem 1.35rem;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex;position:relative}.featured-guide-card:hover{border-color:color-mix(in srgb, var(--primary,#6366f1) 35%, var(--border));box-shadow:0 16px 48px color-mix(in srgb, var(--primary) 8%, transparent), 0 4px 12px #0000000a;transform:translateY(-5px)}.featured-guide-tag{background:color-mix(in srgb, var(--primary,#6366f1) 9%, transparent);color:var(--primary,#6366f1);text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-self:flex-start;align-items:center;padding:.22rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.featured-guide-title{color:var(--text,#0f172a);letter-spacing:-.01em;white-space:normal;margin:0;font-size:1.02rem;font-weight:700;line-height:1.4}.featured-guide-desc{color:var(--text-muted,#64748b);white-space:normal;margin:0;font-size:.86rem;line-height:1.6}.featured-guide-link{color:var(--primary,#6366f1);align-items:center;gap:.35rem;margin-top:auto;font-size:.86rem;font-weight:600;transition:gap .25s;display:inline-flex}.featured-guide-card:hover .featured-guide-link{gap:.6rem}.guide-hub-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.two-ways-grid{display:none}.changes-content{max-width:44rem;margin:0 auto}.changes-card{border:1px solid var(--border,#e2e8f0);background:var(--bg-card);border-radius:14px;padding:2rem}.changes-card p{color:var(--text-muted,#64748b);margin:0 0 1rem;font-size:.9rem;line-height:1.7}.changes-card p:last-of-type{margin-bottom:1.5rem}.inline-badge-new{text-transform:uppercase;letter-spacing:.06em;color:#d97706;background:#f59e0b26;border-radius:9999px;padding:2px 8px;font-size:.65rem;font-weight:700}.changes-btn{margin-top:.5rem}.features-grid{gap:1.5rem;max-width:56rem;margin:0 auto;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:1fr 1fr}}.feature-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:2rem}.feature-number{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-flex}.feature-title{color:var(--text);margin:0 0 1rem;font-size:1.05rem;font-weight:600}.feature-steps{margin:0 0 1rem;padding-left:1.2rem}.feature-steps li{color:var(--text-muted);font-size:.875rem;line-height:1.8}.feature-tip{color:var(--text-muted);border-top:1px solid var(--border);margin:0;padding-top:.5rem;font-size:.8rem;font-style:italic}.steps-section{background:var(--bg-surface)}.steps-grid{flex-direction:column;align-items:center;gap:0;max-width:52rem;margin:0 auto;display:flex}@media (min-width:768px){.steps-grid{flex-direction:row;align-items:stretch}}.step-card{border:1px solid var(--border);background:var(--bg-card);text-align:center;border-radius:14px;flex:1;padding:1.75rem}.step-connector{color:var(--text-muted);justify-content:center;align-items:center;padding:.5rem;display:flex;transform:rotate(90deg)}@media (min-width:768px){.step-connector{padding:0 .5rem;transform:none}}.step-num{color:color-mix(in srgb, var(--primary) 20%, transparent);margin-bottom:.5rem;font-size:2rem;font-weight:800}.step-title{color:var(--text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.step-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.6}.info-cards-grid{gap:1.25rem;display:grid}@media (min-width:640px){.info-cards-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.info-cards-grid{grid-template-columns:repeat(4,1fr)}}.info-card{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:1.5rem}.info-card-title{color:var(--text);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.info-card-desc{color:var(--text-muted);margin:0;font-size:.825rem;line-height:1.55}.article-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.article-hero{flex-direction:column;margin-bottom:40px;display:flex}.article-hero-content{order:2}.article-hero-visual{order:1;margin-bottom:20px}.article-title{margin-bottom:16px;font-size:32px;line-height:1.3}.article-badges{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.combo-badge{color:var(--primary);background-color:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13.5px;font-weight:500;display:inline-flex}.combo-badge svg{flex-shrink:0;width:15px;height:15px}.article-intro{color:var(--text-secondary);max-width:75ch;margin:0;font-size:1.05rem;line-height:1.75}.article-intro p{margin-bottom:1rem}.hero-visual-card{box-sizing:border-box;background-color:var(--bg-card);background-image:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary) 8%, transparent) 0%, transparent 60%), radial-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);border:1px solid var(--border);background-size:100% 100%,16px 16px;border-radius:24px;justify-content:center;align-items:center;width:100%;height:280px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.hero-triangle{width:100%;max-width:380px;height:220px;margin:0 auto;position:relative}.hero-connections{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-pal-container{background:var(--bg-body);border:1px solid var(--border);z-index:1;border-radius:20px;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 20px #0000000f}.hero-pal-img{object-fit:contain;width:70px;height:70px}.hero-pal-top{--tx:-50%;--rot:0deg;transform:translate(var(--tx), 0) rotate(var(--rot));z-index:2;animation:4s ease-in-out infinite floatPal;top:0;left:50%}.hero-pal-left{--tx:0;--rot:-4deg;transform:translate(var(--tx), 0) rotate(var(--rot));animation:4.2s ease-in-out .5s infinite floatPal;bottom:0;left:0}.hero-pal-right{--tx:0;--rot:4deg;transform:translate(var(--tx), 0) rotate(var(--rot));animation:3.8s ease-in-out 1s infinite floatPal;bottom:0;right:0}@keyframes floatPal{0%{transform:translate(var(--tx), 0) rotate(var(--rot))}50%{transform:translate(var(--tx), -6px) rotate(var(--rot))}to{transform:translate(var(--tx), 0) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.hero-pal-top,.hero-pal-left,.hero-pal-right{animation:none}}.hero-center-badge{background:var(--bg-body);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);color:var(--text);z-index:3;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000014}.hero-center-badge svg{color:var(--primary)}.article-steps{flex-direction:column;gap:48px;display:flex}.article-step-card{border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);border-radius:20px;grid-template-columns:1fr;gap:24px;width:100%;padding:1.5rem 1rem;transition:transform .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a}.article-step-card:before{content:"";background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 6%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;width:150px;height:150px;position:absolute;top:0;right:0}.article-step-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014}.article-step-card{background-color:var(--bg-card)}.article-step-card.step-even{background-color:var(--bg-surface)}.step-card-header{z-index:1;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.step-number-pill{background-color:var(--primary);color:var(--primary-foreground);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:0;padding:.5rem .85rem;font-size:1rem;font-weight:800;display:flex}.step-card-title{color:var(--text);font-size:24px;font-family:var(--font-outfit), serif;margin:4px 0 0}.step-card-content{z-index:1;flex-direction:column;gap:1.25rem;display:flex;position:relative}.step-card-content p{color:var(--text-secondary);max-width:80ch;margin:0;font-size:.95rem;line-height:1.75}.step-image-row{flex-wrap:nowrap;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.step-image-row::-webkit-scrollbar{height:6px}.step-image-row::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.pal-portrait-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;flex:1 1 0;align-items:center;gap:.75rem;min-width:0;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.pal-portrait-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000000d}.pal-img-bg{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:8px;display:flex}.pal-img-bg.rare-bg{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 15%, transparent) 0%, transparent 70%)}.pal-img-bg.common-bg{background:radial-gradient(circle,#0000000d 0%,#0000 70%)}.pal-portrait-img{object-fit:contain;width:100%;height:100%}.pal-portrait-name{color:var(--text);text-align:center;margin:0;font-size:1rem;font-weight:800}.pal-portrait-meta{flex-direction:column;align-items:center;gap:6px;display:flex}.pal-rank-badge{color:var(--text);font-size:1.1rem;font-weight:800}.pal-rank-badge.rare-text{color:var(--primary)}.rarity-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.rarity-badge.rare{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.rarity-badge.common{background:var(--border);color:var(--text-muted)}.comparison-vs{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:0 1rem;display:flex}.vs-text{color:var(--border);font-size:1.5rem;font-style:italic;font-weight:900}.row-operator{background:var(--bg-surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.row-caption{color:var(--text-muted);margin-top:-.5rem;padding-left:.5rem;font-size:.85rem;font-style:italic}.legendary-grid{flex-wrap:nowrap;gap:1rem;padding-bottom:1rem;display:flex}.passive-diagram{background:var(--bg-body);border:1px solid var(--border);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000005}.passive-parent-row{justify-content:center;align-items:stretch;gap:1rem;width:100%;padding:1rem 1rem 0;display:flex}.passive-parent-card{background:color-mix(in srgb, var(--primary) 4%, transparent);border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);border-radius:16px;flex-direction:row;flex:1;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.passive-parent-info{flex-direction:column;justify-content:center;gap:.25rem;display:flex}.passive-img-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.passive-img-wrapper img{object-fit:contain;width:44px;height:44px}.passive-list{flex-direction:column;gap:.4rem;display:flex}.passive-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.callout-yellow{background-color:#f59e0b1a;border-left:4px solid #f59e0b}.callout-yellow svg{color:#f59e0b}.callout-yellow strong{color:#78350f}.dark .callout-yellow strong{color:#fde68a}.dark .callout-yellow p{color:#fcd34d}.legendary-warning{background-color:#f59e0b1a;border:1px solid #f59e0b4d;border-left:4px solid #f59e0b;border-radius:12px;align-items:center;gap:1rem;width:100%;margin-top:.5rem;padding:1.25rem;display:flex}.legendary-warning svg{color:#f59e0b;flex-shrink:0}.legendary-warning strong{color:#78350f;margin-bottom:.25rem;font-size:.95rem;display:block}.dark .legendary-warning strong{color:#fde68a}.legendary-warning p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.passive-badge{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.parent-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.diagram-divider{align-items:center;width:100%;margin-top:.25rem;padding:0 1rem;display:flex}.divider-line{background:linear-gradient(to right, transparent, var(--border) 20%, var(--border) 80%, transparent);flex:1;height:1px}.premium-arrow{background:var(--primary);width:28px;height:28px;color:var(--primary-foreground);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 .75rem;display:flex}.premium-arrow svg{width:16px;height:16px}.premium-child-card{background:color-mix(in srgb, var(--primary) 6%, transparent);border:2px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:calc(100% - 2rem);margin:.75rem 1rem 1rem;padding:1rem;display:flex}.child-img-wrapper{border:2px solid var(--primary);background:var(--bg-card)}.passive-child-content{flex-direction:column;gap:.5rem;display:flex}.child-label{color:var(--primary);font-size:.85rem;font-weight:800}.inherited-badge{background:var(--bg-card);border:1px solid var(--primary);color:var(--primary)}.premium-banner{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);text-align:center;border-top:1px solid color-mix(in srgb, var(--primary) 20%, transparent);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:700;display:flex}.pro-tip-callout{background:color-mix(in srgb, var(--primary) 8%, transparent);border-left:3px solid var(--primary);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;font-size:.9rem;display:flex}.pro-tip-callout svg{color:var(--primary);flex-shrink:0}.pro-tip-callout strong{color:var(--text);margin-right:.25rem}.passive-child-list{flex-wrap:wrap;gap:.5rem;display:flex}.premium-patch-section{padding-bottom:2rem}.patch-header{margin-bottom:2.5rem}.patch-eyebrow-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.patch-eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.patch-date-badge{background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.patch-lead{color:var(--text-secondary);max-width:800px;margin-top:1rem;font-size:1.1rem;line-height:1.6}.patch-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.patch-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;height:100%;padding:1.75rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.patch-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.patch-card-bg-number{color:var(--primary);opacity:.06;pointer-events:none;font-size:8rem;font-weight:900;line-height:1;font-family:var(--font-outfit), serif;position:absolute;top:-10px;right:-5px}.patch-icon-box{background:color-mix(in srgb, var(--primary) 8%, transparent);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.patch-card-title{color:var(--text);font-size:1.25rem;font-weight:800;font-family:var(--font-outfit), serif;margin:0 0 .75rem}.patch-card-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.patch-callout{background:color-mix(in srgb, var(--bg-body) 60%, var(--border) 40%);border-left:3px solid var(--primary);color:var(--text-secondary);border-radius:0 8px 8px 0;padding:1rem 1.25rem;font-size:.9rem;line-height:1.5}.patch-callout strong{color:var(--text);margin-bottom:.25rem;display:block}.patch-cake-list{flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.patch-cake-list li{font-size:.9rem;line-height:1.4}.cake-name{color:var(--text);font-weight:700}.cake-effect{color:var(--text-muted)}.patch-bottom-line{background:var(--text);color:#ffffffe6;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.5;display:flex}.patch-bottom-line svg{color:var(--primary);flex-shrink:0;margin-top:.1rem}.patch-bottom-line strong{color:var(--primary)}.dark .patch-bottom-line{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.closing-statement{text-align:center;color:var(--primary);background:var(--bg-surface);border:1px dashed color-mix(in srgb, var(--primary) 30%, transparent);border-radius:16px;margin-top:1rem;padding:1.5rem;font-size:1.25rem;font-weight:700}@media (max-width:767px){body{overflow-x:hidden}.article-step-card,.step-card-text,.step-card-visual{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.article-step-card *,.article-step-card :before,.article-step-card :after{box-sizing:border-box}.step-image-row{flex-wrap:nowrap;gap:.4rem;width:100%}.legendary-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.pal-portrait-card{padding:.5rem .25rem}.pal-img-bg{width:56px;height:56px;padding:6px}.pal-portrait-name{text-align:center;word-break:keep-all;font-size:.75rem;line-height:1.2}.pal-rank-badge{font-size:.85rem}.rarity-badge{padding:.15rem .4rem;font-size:.6rem}.row-operator{flex-shrink:0;width:24px;height:24px}.row-operator svg{width:14px;height:14px}.passive-parent-row{flex-direction:column;align-items:stretch}.passive-parent-card{flex-direction:column;width:100%}.passive-parent-info{text-align:center;align-items:center}.passive-list{flex-flow:wrap;justify-content:center}.premium-child-card{text-align:center;flex-direction:column;width:100%;margin:1rem 0;padding:1rem}.passive-child-list{justify-content:center}.article-steps{padding-bottom:100px}}@media (min-width:768px){.article-step-card{padding:2rem 2.5rem}.step-image-row,.legendary-grid{justify-content:center}}@media (min-width:1024px){.article-hero{grid-template-columns:1fr 450px;align-items:center;gap:4rem;margin-bottom:56px;display:grid}.article-hero-content{order:1}.article-hero-visual{order:2;margin-bottom:0}.article-title{font-size:40px}.hero-visual-card{height:320px;padding:32px}.hero-triangle{max-width:380px;height:250px}.hero-center-badge{top:50%}.hero-pal-img{width:80px;height:80px}.hero-pal-container{border-radius:20px;padding:12px}.hero-pal-top{top:0}.hero-pal-left{bottom:0;left:0}.hero-pal-right{bottom:0;right:0}}@media (min-width:1200px){.step-card-title{font-size:28px}.article-step-card{grid-template-columns:1fr 1fr;align-items:center;gap:40px}.article-step-card.step-even .step-card-text{order:2}.article-step-card.step-even .step-card-visual{order:1}.step-card-content p{max-width:100%}.step-image-row{gap:2rem;padding-bottom:1rem}.pal-portrait-card{min-width:0;padding:1.5rem}.pal-img-bg{width:90px;height:90px}.pal-portrait-name{font-size:1.1rem}.pal-portrait-meta{font-size:.9rem}.row-operator{width:40px;height:40px}.row-operator svg{width:20px;height:20px}.legendary-grid{gap:1rem}.passive-parent-row{flex-wrap:nowrap;gap:1.5rem}.passive-entity{gap:1rem}.passive-img-wrapper{width:64px;height:64px}.passive-img-wrapper img{width:48px;height:48px}.passive-label{font-size:.9rem}.passive-badge{padding:.4rem .8rem;font-size:.95rem}.article-steps{gap:56px;margin-bottom:60px}.patch-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
.calc-root{border:1px solid var(--border,#e2e8f0);background:var(--bg-card,#fff);border-radius:14px;overflow:hidden;box-shadow:0 4px 24px #00000014}.calc-tabs{border-bottom:1px solid var(--border);display:flex}.calc-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.9rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s;position:relative}.calc-tab.active{color:var(--primary)}.calc-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:0;left:0;right:0}.calc-tab:hover:not(.active){color:var(--text);background:var(--bg-surface)}.calc-parents-row{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:2.5rem 2rem;display:flex}.parent-display{border:2px dashed var(--border);background:var(--bg-card);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:.75rem;min-width:170px;min-height:185px;padding:1.75rem 2.25rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.parent-display:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 4%, var(--bg-card));transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.parent-display.has-pal{border-style:solid;border-color:var(--border-hover,#cbd5e1);background:color-mix(in srgb, var(--primary) 2%, var(--bg-card))}.parent-display.active{border-style:solid;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent), 0 8px 24px #0000001f;background:color-mix(in srgb, var(--primary) 6%, var(--bg-card))}.parent-display.active.has-pal{border-color:var(--primary)}.parent-gender{z-index:2;border:3px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:0;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.parent-gender svg{width:14px;height:14px}.parent-gender.male{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.parent-gender.female{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.parent-img{object-fit:cover;background:var(--bg-surface);border:3px solid color-mix(in srgb, var(--primary) 15%, var(--border));border-radius:50%;width:100px;height:100px;box-shadow:0 3px 10px #00000014}.parent-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.95rem;font-weight:700;overflow:hidden}.parent-placeholder{color:var(--text-muted);text-align:center;font-size:.85rem}.parent-empty-icon{background:var(--bg-surface);border:2px dashed var(--border);width:80px;height:80px;color:var(--text-muted);opacity:.5;border-radius:50%;justify-content:center;align-items:center;display:flex}.parent-empty-icon svg{width:32px;height:32px}.calc-operator{align-items:center;display:flex}.swap-btn{border:2px solid var(--border);background:var(--bg-card);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000f}.swap-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.08)}.calc-swap-gender{align-items:center;display:flex}.swap-gender-btn{border:1px solid var(--border);background:var(--bg-card);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000f}.swap-gender-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--bg-card));transform:scale(1.08)}.calc-equals{color:var(--text-muted);opacity:.6;padding:0 .35rem;font-size:2rem;font-weight:800}.calc-result-card{border:2px solid var(--border);background:var(--bg-card);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:170px;min-height:185px;padding:1.5rem 2rem;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.calc-result-card.common{background:color-mix(in srgb, #6b7280 5%, var(--bg-card));border-color:#6b7280}.calc-result-card.rare{background:color-mix(in srgb, #3b82f6 5%, var(--bg-card));border-color:#3b82f6}.calc-result-card.epic{background:color-mix(in srgb, #a855f7 5%, var(--bg-card));border-color:#a855f7}.calc-result-card.legendary{background:color-mix(in srgb, #f59e0b 5%, var(--bg-card));border-color:#f59e0b}.result-link{color:var(--text);flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;display:flex}.result-new{position:absolute;top:8px;left:8px}.result-img{object-fit:cover;background:var(--bg-surface);border:3px solid color-mix(in srgb, var(--primary) 15%, var(--border));border-radius:50%;width:100px;height:100px;box-shadow:0 3px 10px #00000014}.result-name{text-align:center;font-size:.95rem;font-weight:700}.result-elements{gap:5px;display:flex}.result-elem{width:20px;height:20px}.calc-active-hint{text-align:center;color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--bg-surface));border-bottom:1px solid var(--border);padding:.5rem 1rem;font-size:.8rem;font-weight:500}.calc-try-combos{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.calc-try-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.calc-try-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem .35rem .35rem;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.calc-try-chip:hover{border-color:color-mix(in srgb, var(--primary) 60%, transparent);background:color-mix(in srgb, var(--primary) 8%, var(--bg-card));transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.calc-try-img{object-fit:contain;border:1px solid var(--border);background:var(--bg-surface);border-radius:50%;width:24px;height:24px}.result-combo-badge{letter-spacing:.03em;white-space:nowrap;border-radius:9999px;margin-top:.35rem;padding:.15rem .55rem;font-size:.6rem;font-weight:700;display:inline-block}.badge-unique{color:#f59e0b;background:linear-gradient(135deg,#f59e0b22,#f59e0b11);border:1px solid #f59e0b44}.badge-formula{color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:linear-gradient(135deg,#6366f122,#6366f111)}.target-selected-meta{align-items:center;gap:.5rem;display:flex}.target-combo-count{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);border-radius:9999px;padding:.1rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.calc-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.calc-search-box{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.calc-search-box.small{flex:unset;min-width:200px}.calc-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.85rem}.calc-search-input::placeholder{color:var(--text-muted)}.calc-search-clear{color:var(--text-muted);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.2rem;line-height:1;transition:opacity .2s;display:flex}.calc-search-clear:hover{opacity:1;color:var(--text)}.calc-search-count{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:.7rem}.calc-sort-controls{align-items:center;gap:4px;display:flex}.calc-sort-select{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;appearance:auto;border-radius:8px;outline:none;padding:.45rem .6rem;font-size:.8rem}.calc-sort-dir-btn{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.calc-sort-dir-btn:hover{border-color:var(--primary);color:var(--primary)}.calc-pal-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:520px;padding:1rem;display:grid;overflow-y:auto}@media (min-width:1024px){.calc-pal-grid{grid-template-columns:repeat(7,1fr);max-height:540px}}.calc-pal-grid::-webkit-scrollbar{width:6px}.calc-pal-grid::-webkit-scrollbar-track{background:0 0}.calc-pal-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pal-card{border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:.65rem .5rem .55rem;transition:all .12s;display:flex;position:relative}.pal-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.pal-card:active{transform:translateY(0)}.pal-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent)}.pal-card.common{border-color:#4b5563}.pal-card.common:hover{border-color:#9ca3af}.pal-card.rare{border-color:#2563eb}.pal-card.rare:hover{border-color:#60a5fa}.pal-card.epic{border-color:#7c3aed}.pal-card.epic:hover{border-color:#a855f7}.pal-card.legendary{border-color:#d97706}.pal-card.legendary:hover{border-color:#fbbf24}.pal-card-elements{gap:3px;display:flex;position:absolute;top:5px;right:5px}.pal-card-elem-icon{filter:drop-shadow(0 1px 2px #0000004d);width:22px;height:22px}.pal-card-image{width:64px;height:64px;position:relative}.pal-card-image img{object-fit:cover;background:var(--bg-surface);border-radius:50%;width:64px;height:64px}.pal-card-new{color:#fff;letter-spacing:.04em;z-index:2;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700;line-height:1.3;position:absolute;top:-4px;left:-6px}.pal-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:600;line-height:1.2;overflow:hidden}.pal-card-rank{color:var(--text-muted);margin-left:3px;font-size:.65rem;font-weight:400}.pal-card-rarity{border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:60px;margin-top:2px;padding:3px 12px;font-size:.72rem;font-weight:600;display:flex}.pal-card-rarity.common{color:#9ca3af;background:#6b728026}.pal-card-rarity.rare{color:#60a5fa;background:#3b82f626}.pal-card-rarity.epic{color:#c084fc;background:#a855f726}.pal-card-rarity.legendary{color:#fbbf24;background:#f59e0b26}.pal-card-rarity-lv{font-weight:700}.pal-card-rarity-name{text-transform:capitalize}.calc-target-hint{text-align:center;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.85rem}.calc-target-selected{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.calc-target-info{align-items:center;gap:.75rem;display:flex}.target-selected-img{object-fit:cover;border-radius:8px;width:48px;height:48px}.target-selected-details{flex-direction:column;gap:1px;display:flex}.target-selected-name{color:var(--text);font-size:.95rem;font-weight:700}.target-selected-rank{color:var(--text-muted);font-size:.7rem}.calc-change-target{border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.calc-change-target:hover{background:var(--primary);color:#fff}.calc-change-target:active{transform:scale(.97)}.calc-results-section{padding:1rem}.calc-results-header{margin-bottom:.75rem}.calc-results-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.calc-results-count{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.calc-empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:10px;padding:3rem 1rem;font-size:.875rem}.calc-combos-list{flex-direction:column;gap:2px;max-height:500px;display:flex;overflow-y:auto}.combo-row{border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s;display:flex}.combo-row:hover{background:var(--bg-surface)}.combo-parent{color:var(--text);flex:1;align-items:center;gap:.5rem;min-width:0;text-decoration:none;transition:color .1s;display:flex}.combo-parent:hover{color:var(--primary)}.combo-parent-img{object-fit:cover;background:var(--bg-surface);border-radius:50%;flex-shrink:0;width:36px;height:36px}.combo-parent-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;overflow:hidden}.combo-parent-rank{color:var(--text-muted);flex-shrink:0;font-size:.65rem}.combo-plus{color:var(--text-muted);flex-shrink:0;font-size:.85rem;font-weight:700}@media (max-width:768px){.calc-parents-row{gap:.75rem;padding:1.5rem 1rem}.parent-display{min-width:120px;min-height:140px;padding:1.25rem 1rem}.parent-img{width:80px;height:80px}.parent-name{max-width:110px;font-size:.85rem}.parent-gender{width:28px;height:28px;top:-12px}.calc-result-card{min-width:120px;min-height:140px;padding:1.25rem 1rem}.result-img{width:80px;height:80px}.result-name{font-size:.85rem}}@media (max-width:640px){.calc-parents-row{grid-template-columns:1fr auto 1fr;grid-template-areas:"parentA plus parentB"".swap.""equals equals equals""result result result";place-items:center;gap:.5rem;padding:1.25rem .5rem;display:grid}.calc-parents-row>:first-child{grid-area:parentA;width:100%;min-width:0}.calc-parents-row>:nth-child(2){grid-area:plus;margin:0 .1rem;transform:scale(.9)}.calc-parents-row>:nth-child(3){grid-area:parentB;width:100%;min-width:0}.calc-parents-row>:nth-child(4){grid-area:swap;margin-top:-.25rem;transform:scale(.85)}.calc-parents-row>:nth-child(5){grid-area:equals;margin:.25rem 0 0;padding:0}.calc-parents-row>:nth-child(6){grid-area:result;width:100%;max-width:220px}.parent-display{border-radius:12px;min-width:0;min-height:110px;padding:.75rem .5rem}.parent-img{border-width:2px;width:56px;height:56px}.parent-empty-icon{width:48px;height:48px}.parent-name{white-space:normal;text-align:center;max-width:100%;font-size:.72rem}.parent-gender{border-width:2px;width:22px;height:22px;top:-8px}.parent-gender svg{width:10px;height:10px}.calc-equals{opacity:.5;padding:0;font-size:1.4rem}.swap-btn{width:32px;height:32px;font-size:1.2rem}.swap-gender-btn{width:32px;height:32px}.calc-result-card{border-radius:12px;min-width:0;min-height:120px;padding:.85rem}.result-img{border-width:2px;width:64px;height:64px}.result-name{white-space:normal;text-align:center;max-width:100%;font-size:.78rem}.calc-pal-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:500px;padding:.75rem}.pal-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:.6rem .4rem .5rem}.pal-card-image,.pal-card-image img{width:56px;height:56px}.pal-card-elements{top:4px;right:4px}.pal-card-elem-icon{width:18px;height:18px}.pal-card-name{font-size:.72rem}.pal-card-rarity{min-width:50px;padding:2px 8px;font-size:.62rem}.pal-card-new{padding:1px 4px;font-size:.5rem;top:-3px;left:-4px}.calc-toolbar{flex-direction:column;align-items:stretch}.calc-search-box.small{width:100%;min-width:0}.combo-row{gap:.3rem;padding:.4rem .5rem}.combo-parent-img{width:28px;height:28px}.combo-parent-name{font-size:.7rem}.combo-parent-rank{display:none}.calc-target-selected{flex-wrap:wrap;gap:.5rem}.calc-change-target{padding:.4rem .8rem;font-size:.75rem}}@media (max-width:380px){.calc-pal-grid{gap:6px;padding:.5rem}.pal-card{padding:.5rem .3rem .4rem}.pal-card-image,.pal-card-image img{width:48px;height:48px}.pal-card-name{font-size:.65rem}.pal-card-rarity{padding:1px 6px;font-size:.55rem}.parent-display{min-width:90px;min-height:100px;padding:.65rem .5rem}.parent-img{width:56px;height:56px}.parent-empty-icon{width:50px;height:50px}.parent-gender{border-width:2px;width:22px;height:22px;top:-8px}.parent-gender svg{width:10px;height:10px}.parent-name{font-size:.7rem}.calc-result-card{min-width:90px;min-height:100px;padding:.65rem}.result-img{width:56px;height:56px}}