.gear-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:flex-start}.gear-column{display:flex;flex-direction:column;gap:20px;width:100%}.gear-slot{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.gear-slot.card{width:100%;max-width:200px;margin:0 auto;padding:12px}.resource-calculator .resource-total,.charm-resource-calculator .resource-total{font-weight:700;color:var(--color-accent);margin-left:auto;text-align:right}.gear-upgrade-list,.charm-upgrade-list{width:100%}.gear-level-display{box-sizing:border-box;width:100%;max-width:160px;border:2px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;aspect-ratio:1}.charm-gem-row{display:flex;align-items:center;gap:6px}.gear-gem-group{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px;margin-bottom:16px}.gear-gem-group:last-of-type{margin-bottom:0}.gear-level-text{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.95rem;color:var(--color-text);text-align:center;line-height:1.25}.gear-level-label{font-size:.85rem;color:var(--color-text-secondary)}.gear-level-text .gear-level-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.gear-level-arrow{font-size:1.2rem;color:var(--color-text-secondary)}.governor-charm-page .gear-level-text{font-size:.9rem;line-height:1.2}.governor-charm-page .gear-level-text .gear-level-value{font-size:1.05rem;white-space:nowrap}.governor-charm-page .gear-level-label{font-size:.8rem}.governor-charm-page .gear-level-arrow{font-size:1.05rem}.governor-charm-page .gear-slot-name{font-size:.92rem}.gear-slot-name{font-weight:600;font-size:.96rem;color:var(--color-text);margin:0;text-align:center}.gear-final-summary{display:block}.gear-final-panel{width:100%}.gear-final-panel .panel-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.gear-final-panel .panel-result{text-align:left;border-left:2px solid var(--color-accent);padding-left:20px;margin:0}@media(max-width:768px){.governor-charm-page .gear-level-display{gap:6px;padding:10px}.governor-charm-page .gear-level-text{font-size:.82rem;line-height:1.15}.governor-charm-page .gear-level-text .gear-level-value{font-size:.95rem}.governor-charm-page .gear-level-label{font-size:.72rem}.governor-charm-page .gear-level-arrow{font-size:.95rem}.governor-charm-page .gear-slot-name{font-size:.86rem}.governor-charm-page .charm-gem-row{gap:4px}}@media(max-width:640px){.governor-charm-page .gear-level-display{gap:6px;padding:9px}.governor-charm-page .gear-level-text{font-size:.78rem;line-height:1.1}.governor-charm-page .gear-level-text .gear-level-value{font-size:.9rem}.governor-charm-page .gear-level-label{font-size:.68rem}.governor-charm-page .gear-level-arrow{font-size:.9rem}.governor-charm-page .gear-slot-name{font-size:.8rem}}@media(max-width:520px){.gear-slot.card{max-width:100%;padding:10px}.gear-level-display{max-width:100%;padding:10px;border-radius:var(--radius-card);gap:6px}.gear-level-text{font-size:.85rem}.gear-level-text .gear-level-value{font-size:1rem}.governor-charm-page .gear-level-text{font-size:.8rem}.governor-charm-page .gear-level-text .gear-level-value{font-size:.95rem}.governor-charm-page .gear-level-label{font-size:.72rem}.governor-charm-page .gear-level-arrow{font-size:.95rem}.governor-charm-page .gear-slot-name{font-size:.82rem}.governor-charm-page .charm-gem-row{gap:4px}}