@charset "UTF-8";.calc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4);background:color-mix(in srgb,var(--color-secondary) 45%,transparent);overflow-y:auto}.calc-panel{width:100%;max-width:720px;background:var(--color-white);border:1px solid color-mix(in srgb,var(--color-secondary) 12%,transparent);border-radius:var(--radius-md);box-shadow:0 8px 32px #0c0c0d2e;overflow:hidden}.calc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-secondary) 12%,transparent);background:color-mix(in srgb,var(--color-secondary) 4%,var(--color-white))}.calc-title{font-family:var(--font-arc);font-size:var(--font-size-5);font-weight:500;font-variation-settings:"wdth" 100;color:var(--color-secondary)}.calc-close{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;background:none;border:none;color:var(--color-secondary);cursor:pointer;border-radius:var(--radius-sm)}.calc-close:focus-visible{outline:2px solid var(--accent, #885ca4);outline-offset:2px}.calc-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.calc-team-select{display:flex;flex-direction:column;gap:var(--space-2)}.calc-team-row{display:flex;align-items:center;gap:var(--space-2)}.calc-team-label{width:56px;flex-shrink:0;font-family:var(--font-dm-mono);font-size:var(--font-size-1);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--color-secondary) 55%,transparent);line-height:1.3}.calc-team-sprites{display:flex;gap:var(--space-1);flex-wrap:wrap}.mon-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:52px;height:44px;min-height:unset;padding:0;background:color-mix(in srgb,var(--color-secondary) 4%,transparent);border:1px solid color-mix(in srgb,var(--color-secondary) 14%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease,background .12s ease}.mon-btn:disabled{cursor:default;opacity:.5}.mon-btn:focus-visible{outline:none;border-color:var(--accent, #885ca4);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #885ca4) 18%,transparent)}@media(hover:hover){.mon-btn:not(:disabled):hover{border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}}.mon-btn.selected-atk{background:color-mix(in srgb,var(--accent-soft, #8dcff1) 18%,transparent);border-color:var(--accent, #885ca4);box-shadow:inset 0 0 0 1px var(--accent, #885ca4)}.mon-btn.selected-def{background:color-mix(in srgb,var(--accent-second, #6b5ea7) 14%,transparent);border-color:var(--accent, #885ca4);box-shadow:inset 0 0 0 1px var(--accent, #885ca4)}.mon-btn-empty{color:color-mix(in srgb,var(--color-secondary) 30%,transparent);font-size:var(--font-size-5)}.mon-icon{flex-shrink:0}.matchup-hint{margin:0;padding:var(--space-3) 0;text-align:center;font-family:var(--font-dm);font-size:var(--font-size-3);color:color-mix(in srgb,var(--color-secondary) 55%,transparent)}.calc-conditions{display:flex}.calc-cols{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:var(--space-4);row-gap:var(--space-3)}.calc-side{min-width:0;display:grid;grid-row:1/-1;grid-template-rows:subgrid}.calc-cols>.calc-side:first-child{grid-column:1}.calc-cols>.calc-side:last-child{grid-column:3}.calc-divider{grid-column:2;grid-row:1/-1;width:1px;background:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.calc-spread-cell,.calc-state-cell,.calc-moves-cell{min-width:0;align-self:start;display:flex;flex-direction:column;gap:var(--space-2)}.calc-spread-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.calc-set-select{box-sizing:border-box;min-height:32px;max-width:100%;padding:var(--space-1) var(--space-2);font-family:var(--font-dm);font-size:var(--font-size-3)!important;color:var(--color-secondary);background:var(--color-white);border:1px solid color-mix(in srgb,var(--color-secondary) 16%,transparent);border-radius:var(--radius-sm);cursor:pointer}.calc-set-select:focus-visible{outline:none;border-color:var(--accent, #885ca4);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #885ca4) 18%,transparent)}.calc-spread{margin:0;font-family:var(--font-dm-mono);font-size:var(--font-size-2);color:var(--color-secondary)}.calc-moves-title{margin:0;font-family:var(--font-dm-mono);font-size:var(--font-size-2);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--accent-soft, #8dcff1) 55%,var(--color-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-moves-title-opp{color:color-mix(in srgb,var(--accent-second, #6b5ea7) 70%,var(--color-secondary))}.calc-empty{margin:0;font-family:var(--font-dm);font-size:var(--font-size-2);color:color-mix(in srgb,var(--color-secondary) 50%,transparent)}.calc-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);align-items:baseline;min-height:28px}.calc-move{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-dm);font-size:var(--font-size-3);color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-type-icon{flex-shrink:0;width:32px;height:14px;image-rendering:pixelated}.calc-pct{font-family:var(--font-dm-mono);font-size:var(--font-size-3);font-variant-numeric:tabular-nums;color:var(--color-secondary)}.calc-hko{font-family:var(--font-dm-mono);font-size:var(--font-size-3);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-secondary) 60%,transparent);min-width:52px;text-align:right}.calc-hko.ko{color:var(--success);font-weight:700}.calc-immune{grid-column:2/-1;justify-self:end;font-family:var(--font-dm-mono);font-size:var(--font-size-3);text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb,var(--color-secondary) 45%,transparent)}@media(max-width:700px){.calc-cols{display:flex;flex-direction:column;row-gap:var(--space-4)}.calc-side{display:flex;flex-direction:column;gap:var(--space-3)}.calc-divider{width:auto;height:1px}}@media(max-width:640px){.calc-overlay{padding:var(--space-3) var(--space-2)}}
