.calc-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.calc-hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);font-weight:800}.calc-hero p{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:560px;margin:0 auto var(--space-xs)}.calc-disclaimer{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.calc-disclaimer a{color:var(--color-primary)}.calc-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:start;max-width:900px;margin:0 auto;display:grid}.input-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.panel-head{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.panel-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-weight:600}.field-group{margin-bottom:var(--space-lg)}.field-label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:600;display:block}.segmented-control{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;display:flex;overflow:hidden}.seg-btn{padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;border-right:1px solid var(--color-border);background:0 0;flex:1;font-family:inherit;font-weight:500}.seg-btn:last-child{border-right:none}.seg-btn.active{background:var(--color-primary);color:#fff;font-weight:700}.seg-btn:hover:not(.active){background:var(--color-bg-tertiary)}.search-wrap{position:relative}.search-wrap input{width:100%;padding:var(--space-sm) var(--space-md);box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);outline:none;font-family:inherit}.search-wrap input:focus{border-color:var(--color-primary)}.search-wrap input::placeholder{color:var(--color-text-muted)}.dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-xs);max-height:280px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto}.dropdown.open{display:block}.drp-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:inherit;cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.drp-item:hover{background:var(--color-bg-tertiary)}.drp-dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.drp-name{min-width:0;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.drp-meta{flex-shrink:0}.drp-empty{padding:var(--space-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stat-input{width:100%;padding:var(--space-sm) var(--space-md);box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-mono);transition:border-color var(--transition-fast);outline:none}.stat-input:focus{border-color:var(--color-primary)}.select-input{width:100%;padding:var(--space-sm) var(--space-md);box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast);outline:none;font-family:inherit}.select-input:focus{border-color:var(--color-primary)}.rarity-display{align-items:center;gap:var(--space-sm);display:flex}.rarity-badge{font-size:var(--font-size-sm);border-radius:var(--radius-xl);background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:4px 12px;font-weight:700}.rarity-value{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-base);color:var(--color-primary)}.awakening-info{align-items:center;gap:var(--space-md);display:flex}.awakening-info .stat-input{width:100px}.awakening-bonus{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-sm);color:var(--color-success)}.checkbox-label{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.reset-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.reset-btn:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.result-panel{top:var(--space-xl);position:sticky}.result-card{background:var(--color-bg-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;margin-bottom:var(--space-lg)}.result-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md);font-weight:600}.result-value{font-family:var(--font-mono);color:var(--color-primary);margin-bottom:var(--space-sm);font-size:3rem;font-weight:900}.result-formula{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.formula-breakdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.fb-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-md);font-weight:600}.fb-items{gap:var(--space-sm);flex-direction:column;display:flex}.fb-row{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-family:var(--font-mono);display:flex}.fb-label{color:var(--color-text);min-width:80px;font-weight:700}.fb-calc{color:var(--color-text-secondary)}.fb-result{color:var(--color-primary);margin-left:auto;font-weight:700}.tag-r{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:1px 6px;font-weight:600}.how-to-use{max-width:720px;margin:var(--space-3xl) auto var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.how-to-use h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-lg);text-align:center;font-weight:700}.how-to-use ol{margin:0 0 var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0;line-height:1.8}.how-to-use li{margin-bottom:var(--space-sm)}.calc-methodology{margin-top:var(--space-3xl)}.calc-methodology h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-lg);text-align:center;font-weight:700}.method-body{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:680px;padding:var(--space-xl);margin:0 auto}.method-section{margin-bottom:var(--space-lg)}.method-section:last-of-type{margin-bottom:var(--space-md)}.method-section h3{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:600}.method-body p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.7}.method-body ul{margin:var(--space-sm) 0 var(--space-sm) var(--space-lg);padding:0}.method-body li{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.7}.formula-code{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);margin:var(--space-sm) 0;display:block}.method-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.r-common .drp-dot,.drp-dot.r-common{background:var(--color-text-muted)}.r-uncommon .drp-dot,.drp-dot.r-uncommon{background:var(--color-tier-c)}.r-rare .drp-dot,.drp-dot.r-rare{background:var(--color-info)}.r-legendary .drp-dot,.drp-dot.r-legendary{background:var(--color-tier-a)}.r-mythical .drp-dot,.drp-dot.r-mythical{background:var(--color-tier-s)}.rarity-badge.r-common{color:var(--color-text-muted);background:#6b72801f}.rarity-badge.r-uncommon{color:var(--color-tier-c);background:#69db7c1f}.rarity-badge.r-rare{color:var(--color-info);background:#60a5fa1f}.rarity-badge.r-legendary{color:var(--color-tier-a);background:#ffa94d1f}.rarity-badge.r-mythical{color:var(--color-tier-s);background:#ff6b6b1f}.tag-r.r-common{color:var(--color-text-muted);background:#6b72801f}.tag-r.r-uncommon{color:var(--color-tier-c);background:#69db7c1f}.tag-r.r-rare{color:var(--color-info);background:#60a5fa1f}.tag-r.r-legendary{color:var(--color-tier-a);background:#ffa94d1f}.tag-r.r-mythical{color:var(--color-tier-s);background:#ff6b6b1f}@media (width<=768px){.calc-grid{grid-template-columns:1fr}.result-panel{position:static}.calc-hero h1{font-size:var(--font-size-2xl)}.calc-hero{padding:var(--space-xl) 0 var(--space-lg)}.input-panel{padding:var(--space-lg)}}