.calc-header{text-align:center;padding-bottom:24px}.calc-title{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);letter-spacing:.05em;line-height:1;background:linear-gradient(135deg,#fff 30%,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.calc-updated{font-size:11px;color:var(--text-muted);margin-bottom:10px}.calc-desc{font-size:14px;color:var(--text-dim);max-width:540px;margin:0 auto;line-height:1.5}.calc-stats-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0;margin-bottom:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.calc-stat{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:600}.calc-stat-sep{color:#2d3650;font-size:16px}.field-section{margin-bottom:20px}.field-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.field-group{display:flex;align-items:center;gap:8px}.field-label{font-size:11px;color:var(--text-muted);font-weight:600}.field-select{padding:6px 10px;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:12px;outline:none}.field-toggle{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.toggle-btn{padding:6px 12px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#f0b42926;color:var(--accent)}.panels{display:grid;grid-template-columns:1fr 360px 1fr;gap:14px;margin-bottom:20px}.panel{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px}.panel-title{font-family:var(--font-display);font-size:20px;letter-spacing:.06em;margin-bottom:12px}.panel-title-atk{color:#ef4444}.panel-title-def{color:#3b82f6}.panel-pokemon-select{position:relative;margin-bottom:12px}.panel-search{width:100%;padding:8px 12px;background:#0d1017;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:12px;outline:none}.panel-search::placeholder{color:var(--text-muted)}.panel-search:focus{border-color:#f0b42980}.panel-preview{min-height:60px;margin-bottom:10px}.panel-empty{font-size:12px;color:#2d3650}.result-panel{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.result-vs{font-family:var(--font-display);font-size:48px;color:#2d3650;line-height:1}.result-hint{font-size:11px;color:var(--text-muted)}.calc-action{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:32px}.calc-btn{padding:12px 40px;background:linear-gradient(135deg,#ef4444 0%,var(--accent) 100%);border:none;border-radius:12px;color:#fff;font-family:var(--font-display);font-size:22px;letter-spacing:.06em;cursor:pointer;transition:transform .2s,box-shadow .2s}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444440}.crit-check{font-size:12px}@media(max-width:900px){.panels{grid-template-columns:1fr}.result-panel{order:3}}@media(max-width:560px){.field-row{flex-direction:column;align-items:stretch}.field-group{justify-content:space-between}.calc-action{flex-direction:column;gap:10px}.calc-btn{width:100%}.panel{padding:12px}}.panel-dropdown{position:absolute;top:100%;left:0;right:0;background:#0d1017;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:300px;overflow-y:auto;z-index:20;display:none!important}.panel-dropdown.open{display:block!important}.dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text);font-family:var(--font-body);font-size:12px;cursor:pointer;text-align:left;transition:background .15s}.dd-item:hover{background:#f0b42914}.dd-sprite{width:32px;height:32px;object-fit:contain}.dd-name{flex:1;text-transform:capitalize;font-weight:600}.dd-types{display:flex;gap:3px}.dd-type{color:#fff;font-size:7px;font-weight:700;padding:1px 4px;border-radius:2px;text-transform:uppercase}.preview-sprite{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.panel-preview{display:flex;align-items:center;gap:10px}.preview-name{display:block;font-family:var(--font-display);font-size:22px;color:#fff;text-transform:capitalize;line-height:1.1}.preview-types{display:flex;gap:4px;margin:3px 0}.preview-type{color:#fff;font-size:7px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase}.preview-stats{display:flex;flex-wrap:wrap;gap:4px 8px}.preview-stat{font-family:var(--font-mono);font-size:9px;color:#8b9dc3}.form-toggle-wrap{display:flex;gap:4px;margin-bottom:10px}.form-btn{padding:5px 12px;background:#0d1017;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-muted);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.form-btn:hover{border-color:#8b5cf666;color:#c4b5fd}.form-btn.active{background:#8b5cf626;border-color:#8b5cf680;color:#c4b5fd}.cfg-row{margin-bottom:10px}.cfg-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.cfg-select{width:100%;padding:7px 10px;background:#0d1017;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:11px;outline:none;text-transform:capitalize}.cfg-search{width:100%;padding:7px 10px;background:#0d1017;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:11px;outline:none;margin-bottom:6px}.cfg-search::placeholder{color:var(--text-muted)}.cfg-search:focus{border-color:#f0b42980}.cfg-extras{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.cfg-check{font-size:11px;color:#8b9dc3;display:flex;align-items:center;gap:4px;cursor:pointer}.cfg-check input{accent-color:var(--accent)}.cfg-stages{display:flex;gap:12px;flex-wrap:wrap}.stage-row{display:flex;align-items:center;gap:6px}.stage-label{font-size:10px;color:var(--text-muted);font-weight:600;width:44px}.stage-btn{width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.stage-btn:hover{background:#f0b42926;border-color:#f0b42966}.stage-val{font-family:var(--font-mono);font-size:12px;color:var(--accent);width:20px;text-align:center}.move-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.move-list::-webkit-scrollbar{width:3px}.move-list::-webkit-scrollbar-track{background:#0d1017}.move-list::-webkit-scrollbar-thumb{background:#2d3650;border-radius:2px}.move-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#0d1017;border:1px solid rgba(255,255,255,.05);border-radius:5px;color:var(--text);font-family:var(--font-body);font-size:11px;cursor:pointer;text-align:left;transition:all .15s}.move-btn:hover{border-color:#f0b4294d}.move-btn.selected{border-color:#ef444480;background:#ef444414}.move-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.move-name{flex:1;text-transform:capitalize}.move-power{font-family:var(--font-mono);font-size:10px;color:var(--accent)}.move-class{font-size:8px;color:var(--text-muted);font-weight:700;text-transform:uppercase}.sp-remain{font-family:var(--font-mono);font-size:10px;color:#10b981;font-weight:400;text-transform:none;letter-spacing:0}.sp-grid{display:flex;flex-direction:column;gap:4px}.sp-row{display:flex;align-items:center;gap:4px}.sp-label{font-family:var(--font-body);font-size:9px;font-weight:700;width:44px;flex-shrink:0}.sp-base{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);width:24px;text-align:right;flex-shrink:0}.sp-btn{width:20px;height:20px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-btn:hover:not(:disabled){background:#f0b42926;border-color:#f0b42966}.sp-btn:disabled{opacity:.25;cursor:not-allowed}.sp-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden;min-width:40px}.sp-fill{height:100%;border-radius:3px;transition:width .15s}.sp-value{font-family:var(--font-mono);font-size:10px;color:var(--accent);width:20px;text-align:right;flex-shrink:0}.sp-final{font-family:var(--font-mono);font-size:10px;color:var(--text);font-weight:700;width:26px;text-align:right;flex-shrink:0}.nature-up{color:#10b981!important}.nature-down{color:#ef4444!important}.result-content{width:100%;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-matchup{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}.res-atk,.res-def{font-family:var(--font-display);font-size:18px;color:#fff;text-transform:capitalize}.res-arrow{color:var(--text-muted);font-size:14px}.res-move{font-size:11px;font-weight:600;color:var(--text);padding:3px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;text-transform:capitalize}.result-damage{margin-bottom:12px}.res-numbers{font-family:var(--font-display);font-size:36px;color:#fff;letter-spacing:.02em;display:block;line-height:1}.res-percent{font-family:var(--font-mono);font-size:14px;color:var(--accent);display:block;margin-top:2px}.res-immune{font-family:var(--font-display);font-size:36px;color:var(--text-muted)}.result-bar-wrap{margin-bottom:10px}.result-hp-bar{width:100%;height:12px;background:#ef444433;border-radius:6px;overflow:hidden;margin-bottom:4px}.result-hp-fill{height:100%;border-radius:6px;transition:width .4s,background .4s}.result-hp-label{font-family:var(--font-mono);font-size:10px;color:#8b9dc3}.result-ko{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.res-ko-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;background:#ffffff14;color:var(--text)}.res-ko-badge.ko-ohko{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.res-eff-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px}.eff-super{background:#10b98126;color:#10b981}.eff-not{background:#ef44441a;color:#f87171}.eff-neutral{background:var(--border);color:#8b9dc3}.res-stab-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:#f0b42926;color:var(--accent)}.result-details{font-size:10px;color:var(--text-muted);margin-top:4px}.multi-move-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);text-align:left}.multi-move-title{font-family:var(--font-display);font-size:14px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:8px}.multi-move-list{display:flex;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto}.multi-move-list::-webkit-scrollbar{width:3px}.multi-move-list::-webkit-scrollbar-thumb{background:#2d3650;border-radius:2px}.mm-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:11px;transition:background .15s}.mm-row:hover{background:#ffffff08}.mm-row.mm-selected{background:#f0b42914;border:1px solid rgba(240,180,41,.2)}.mm-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mm-name{flex:1;color:var(--text);text-transform:capitalize;font-weight:600}.mm-power{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);width:24px;text-align:right}.mm-dmg{font-family:var(--font-mono);font-size:10px;color:var(--text);width:70px;text-align:right}.mm-pct{font-family:var(--font-mono);font-size:10px;color:var(--accent);width:40px;text-align:right}.mm-ko{font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--border);color:#8b9dc3;width:36px;text-align:center}.mm-ko.mm-ohko{background:#ef444426;color:#ef4444}.mm-stab{font-size:7px;font-weight:700;padding:1px 4px;border-radius:3px;background:#f0b4291f;color:var(--accent)}@media(max-width:560px){.mm-dmg{width:50px;font-size:9px}.mm-power{display:none}.cfg-stages{flex-direction:column;gap:6px}.stage-row{justify-content:flex-start}}