/* Phase 3: static Battle loadout/dynamic styles formerly injected at runtime. */

.v61-base-panel{display:grid;gap:14px;color:#e7f2ff}
 .v61-base-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .v61-base-mode{border:1px solid #35516d;border-radius:14px;background:#0d1d30;color:#e7f2ff;padding:13px 15px;text-align:left;cursor:pointer}
 .v61-base-mode:hover{border-color:#60a5fa}
 .v61-base-mode.active{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf855,0 0 20px #0284c71c;background:#102943}
 .v61-base-mode b,.v61-base-mode small{display:block}.v61-base-mode b{font-size:.92rem}.v61-base-mode small{margin-top:4px;color:#9fb4c9;font-size:.72rem;line-height:1.25}

.v62-base-import{display:grid;grid-template-columns:1fr;gap:12px;border:1px solid #3d6887;border-radius:18px;background:linear-gradient(145deg,#0d253b,#091a2a);padding:16px 18px;box-shadow:inset 0 0 0 1px #9ee7ff10,0 14px 34px #02111d55}
.v62-base-import-copy b,.v62-base-import-copy small{display:block}.v62-base-import-copy b{color:#f5fbff;font-size:1rem;font-weight:950}.v62-base-import-copy small{margin-top:6px;color:#d2ebff;font-size:.8rem;line-height:1.5}.v62-base-import-copy small b{display:inline;color:#fff5be;font-size:inherit;font-weight:900}
.v62-base-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;width:100%;box-sizing:border-box;border:2px solid #fff0a9;border-radius:18px;background:linear-gradient(135deg,#1298ce,#18b7e6 55%,#1bc9f0);color:#f7fdff;padding:18px 22px;font-size:1rem;letter-spacing:.02em;font-weight:950;cursor:pointer;box-shadow:0 0 0 1px #d5fbff55,0 16px 40px #0891b255,0 0 34px #67e8f94a;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-align:center}
.v62-base-upload-btn:hover{background:linear-gradient(135deg,#17aae2,#24c4ef 55%,#3fe0ff);border-color:#fff7c8;transform:translateY(-1px);box-shadow:0 0 0 1px #fff7c855,0 18px 45px #0891b266,0 0 38px #67e8f95a}.v62-base-upload-btn:active{transform:translateY(0)}.v62-base-upload-btn input{display:none}
.v62-upload-btn-title{display:block;font-size:1.18rem;font-weight:1000;line-height:1.1;letter-spacing:.03em}.v62-upload-btn-sub{display:block;font-size:.84rem;font-weight:800;color:#e6fbff;opacity:.98}
.v62-base-import-status{min-height:1.1em;color:#90f0ff;font-size:.78rem;line-height:1.45}.v62-base-import-status.error{color:#fecaca}
 .v61-base-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.v61-base-section-head b{font-size:.92rem}.v61-base-section-head small{color:#93a7bb;font-size:.72rem;text-align:right}
 .v61-base-stat-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .v61-base-stat-card{border:1px solid rgba(96,165,250,.22);border-radius:15px;background:linear-gradient(145deg,rgba(22,39,62,.82),rgba(8,19,34,.85));padding:12px;min-width:0}
 .v61-base-stat-card h4{margin:0 0 9px;color:#e7f2ff}
 .v61-base-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .v61-base-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,108px);grid-template-rows:auto auto;column-gap:8px;row-gap:3px;align-items:center;padding:9px 10px;border:1px solid #2a435b;border-radius:10px;background:#0a1929;min-width:0}
 .v61-base-field>span{font-size:.75rem;font-weight:800;color:#d9e8f8;min-width:0}
 .v61-base-field input{width:100%;min-width:0;box-sizing:border-box;background:#061425;border:1px solid #38546f;border-radius:8px;color:#fff;padding:8px}
 .v61-base-field input[type=number]{appearance:textfield;-moz-appearance:textfield}
 .v61-base-field input[type=number]::-webkit-outer-spin-button,.v61-base-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
 .v61-base-field input[readonly]{cursor:default;background:#101e2e;color:#c9d8e6;border-color:#2b4054}
 .v61-base-live{grid-column:2;text-align:right;color:#7dd3fc;font-size:.69rem;white-space:nowrap}
 .v61-base-field.calculated .v61-base-live{color:#94a3b8}
 .v61-resolved-wrap{display:grid;grid-template-columns:minmax(180px,.7fr) 2fr;gap:12px;align-items:center;border:1px solid #2b465d;border-radius:14px;background:#071523;padding:12px}
 .v61-resolved-wrap>div:first-child b,.v61-resolved-wrap>div:first-child small{display:block}.v61-resolved-wrap>div:first-child small{margin-top:4px;color:#92a7bb;font-size:.69rem;line-height:1.25}
 .v61-resolved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .v61-resolved-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:9px;border-radius:10px;background:#102135;color:#d9e8f8}
 .v61-resolved-card b{grid-column:1/-1;color:#fff;font-size:.76rem}.v61-resolved-card span{font-size:.67rem;color:#9fd9ff}
 .v61-base-subtabs{display:flex;flex-wrap:wrap;gap:7px;padding-top:3px;border-top:1px solid #29445a}
 .v61-base-subtabs button{border:1px solid #324d66;border-radius:999px;background:#0b1a2a;color:#b8cada;padding:7px 12px;font-weight:800;font-size:.72rem;cursor:pointer}
 .v61-base-subtabs button.active{background:#153554;border-color:#38bdf8;color:#e9f7ff}
 .v61-base-editor{min-width:0}
 .hero-gear-piece,.hero-gear-board,.dynamic-content{overflow:visible!important}
 .hero-gear-quick-wrap{display:grid;gap:6px;margin:10px 0 8px}
 .hero-gear-quick-row{display:grid;grid-template-columns:52px repeat(5,minmax(0,1fr));gap:5px;align-items:center}
 .hero-gear-quick-row>span{font-size:.62rem;font-weight:900;letter-spacing:.025em;color:#aabed0}
 .hero-gear-quick-btn{min-width:0;border-radius:8px;padding:7px 3px;font-size:.64rem;font-weight:950;cursor:pointer;line-height:1;border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff1f;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
 .hero-gear-quick-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
 .hero-gear-quick-btn.mythic{background:linear-gradient(135deg,#d66f13,#f49a22);border-color:#ffb552;color:#fff7e8}
 .hero-gear-quick-btn.red{background:linear-gradient(135deg,#8f2030,#d7444d);border-color:#ef6670;color:#fff3f4}
 .hero-gear-quick-btn.active{box-shadow:0 0 0 2px #f8fafc,0 0 16px #ffffff38,inset 0 1px 0 #ffffff35}
 .piece-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
 .piece-controls>.field{display:grid!important;grid-template-rows:auto 44px!important;gap:6px!important;align-items:start!important;margin:0!important;padding:0!important;min-width:0!important}
 .piece-controls>.field>span{display:block!important;margin:0!important;padding:0!important;min-height:16px!important;line-height:16px!important;font:inherit!important;font-weight:700!important}
 .piece-controls>.field>select,.hero-gear-mastery-btn{width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;box-sizing:border-box!important;margin:0!important;border:1px solid #35516d!important;border-radius:9px!important;background:#071526!important;color:#fff!important;padding:0 12px!important;font:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1!important;box-shadow:none!important}
 .piece-controls>.field>select{appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important}
 .hero-gear-mastery{position:relative;min-width:0}
 .hero-gear-mastery-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;cursor:pointer!important;text-align:left!important}
 .hero-gear-mastery-btn b{font:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1!important;color:inherit!important}
 .piece-controls>.field>select:hover,.piece-controls>.field>select:focus,.hero-gear-mastery-btn:hover,.hero-gear-mastery-btn.open{border-color:#4b6983!important;background:#071526!important;box-shadow:none!important;outline:none!important}
 .hero-gear-mastery-btn .mastery-chevron{display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;color:#fff!important;font-size:1rem!important;font-weight:400!important;line-height:1!important;transform:none!important}
 .hero-gear-mastery-menu{position:absolute;right:0;top:calc(100% + 6px);bottom:auto;z-index:90;width:276px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px;border:1px solid #8b6924;border-radius:12px;background:#071522;box-shadow:0 18px 46px #000a}
 .hero-gear-mastery-menu.open-up{top:auto;bottom:calc(100% + 6px);box-shadow:0 -18px 46px #000a}
 .hero-gear-mastery-menu[hidden]{display:none}
 .hero-gear-mastery-menu button{min-height:34px;border:1px solid #405369;border-radius:8px;background:#102033;color:#dce9f4;font-size:.7rem;font-weight:900;cursor:pointer}
 .hero-gear-mastery-menu button:hover{background:#17324d;border-color:#6d91b2}
 .hero-gear-mastery-menu button.active{background:linear-gradient(135deg,#e2a525,#f5c64e);border-color:#ffe28b;color:#201405;box-shadow:0 0 12px #f5c64e35}
 body.light-theme .v61-base-panel{color:#102338}
 body.light-theme .v61-base-mode,body.light-theme .v61-base-stat-card,body.light-theme .v61-base-field,body.light-theme .v61-resolved-wrap,body.light-theme .v61-resolved-card{background:#f5f9fd;color:#102338}
 body.light-theme .v61-base-mode b,body.light-theme .v61-base-stat-card h4,body.light-theme .v61-base-field>span{color:#102338}
 body.light-theme .v61-base-field input{background:#fff;color:#102338}
 @media(max-width:980px){.v61-base-mode-switch,.v61-base-stat-sections,.v61-base-stat-grid{grid-template-columns:1fr}.v61-resolved-wrap{grid-template-columns:1fr}.v61-resolved-grid{grid-template-columns:1fr}.v62-base-import{grid-template-columns:1fr}.v62-base-upload-btn{width:100%;min-width:0;box-sizing:border-box}.hero-gear-quick-row{grid-template-columns:46px repeat(5,minmax(0,1fr))}.hero-gear-mastery-menu{left:0;right:auto;width:min(276px,calc(100vw - 50px))}.piece-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.dynamic-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important}.dynamic-tab{flex:0 1 auto}.v60-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.v60-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}.v60-panel-actions .dynamic-tool-btn{white-space:nowrap}.dynamic-tool-btn:disabled{opacity:.42;cursor:not-allowed;filter:none!important;transform:none!important}.v60-panel-head h3{margin:0;color:#e7f2ff}.v60-panel-head p{margin:4px 0 0;color:#93a7bb;font-size:.83rem}.v60-photo-panel,.v60-island-grid section,.v60-special-summary{border:1px solid rgba(96,165,250,.22);background:linear-gradient(145deg,rgba(22,39,62,.8),rgba(8,19,34,.82));border-radius:16px;padding:14px}.v60-pet-grid,.v60-expert-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-radius:13px;overflow:hidden}.v60-stat-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,115px) 82px;align-items:center;gap:8px;min-height:56px;padding:9px 12px;background:#bad0ea20;border-bottom:1px solid #9fb8d422;min-width:0}.v60-stat-row:nth-child(4n+1),.v60-stat-row:nth-child(4n+2){background:#7da8d626}.v60-stat-row span{font-weight:800;color:#d9e8f8;min-width:0}.v60-stat-row input{width:100%;min-width:0;box-sizing:border-box;background:#071526;border:1px solid #35516d;border-radius:8px;color:#fff;padding:8px}.v60-stat-row input[type=number]{appearance:textfield;-moz-appearance:textfield}.v60-stat-row input[type=number]::-webkit-outer-spin-button,.v60-stat-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.v60-stat-row b{text-align:right;color:#7dd3fc;font-size:.8rem;white-space:nowrap;min-width:0}.v60-source-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#020b16aa;color:#9fb0c1;font-size:.75rem}.v60-expert-gareth{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin-top:14px;padding:12px;border:1px solid #5eead433;border-radius:13px;color:#e7f2ff}.v60-expert-gareth>img{width:72px;height:72px;border-radius:14px;object-fit:cover}.v60-expert-gareth b{color:#e7f2ff}.v60-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.v60-mini-grid .v60-stat-row{grid-template-columns:minmax(0,1fr) minmax(72px,85px);min-height:48px}.v60-mini-grid .v60-stat-row b{display:none}.v60-island-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v60-island-grid section{min-width:0}.v60-island-grid section h4{margin:0 0 8px;color:#e7f2ff}.v60-island-grid section .v60-stat-row{grid-template-columns:minmax(68px,1fr) minmax(88px,116px) 72px;gap:6px}.v60-island-global{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.v60-island-global h4{grid-column:1/-1}.v60-special-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v60-special-summary>div{padding:10px;background:#06111f;border-radius:10px}.v60-special-summary span{display:block;color:#94a3b8;font-size:.68rem}.v60-special-summary b{display:block;margin-top:4px;color:#e7f2ff;font-size:.82rem}.v60-special-modal{display:grid;gap:15px;color:#e7f2ff}.v60-modal-actions{display:flex;justify-content:flex-end;gap:8px}.v60-special-section{border:1px solid #29465c;border-radius:15px;background:#081522;padding:13px;color:#e7f2ff}.v60-special-section h3{margin:0;color:#e7f2ff}.v60-special-section>p{margin:4px 0 12px;color:#a9bdd2;font-size:.76rem}.v60-event-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v60-event-choice{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:9px;border:1px solid #314961;background:#101f32;border-radius:12px;padding:9px;cursor:pointer;color:#e7f2ff}.v60-event-choice.selected{border-color:#facc15;box-shadow:0 0 18px #facc1528}.v60-event-choice input{display:none}.v60-event-choice img,.v60-none-icon{width:54px;height:54px;border-radius:11px;display:grid;place-items:center;background:#26364a;object-fit:cover}.v60-event-choice b,.v60-event-choice small{display:block}.v60-event-choice b{color:#e7f2ff}.v60-event-choice small{color:#a9bdd2;font-size:.67rem}.v60-expert-special-grid,.v60-special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.v60-special-card{display:grid;grid-template-columns:58px minmax(0,1fr) 150px;align-items:center;gap:9px;border:1px solid #284159;border-radius:12px;background:#102033;padding:9px;color:#e7f2ff;min-width:0}.v60-special-card.gareth{grid-column:1/-1}.v60-special-card strong{color:#7dd3fc;font-size:.7rem;white-space:nowrap}.v60-special-icon{width:58px;height:58px;border-radius:12px;object-fit:contain;background:transparent;display:block}.v60-special-card b,.v60-special-card small{display:block}.v60-special-card b{color:#e7f2ff}.v60-special-card small{color:#a9bdd2;font-size:.66rem}.v60-special-card select{width:100%;min-width:0;box-sizing:border-box;background:#071526;border:1px solid #35516d;border-radius:8px;color:#fff;padding:7px}.pet-grid .v60-special-card{grid-template-columns:58px minmax(0,1fr) minmax(130px,160px) 68px}.pet-grid .v60-special-card>div{min-width:0}.pet-grid .v60-special-card b{line-height:1.12}.pet-grid .v60-special-card small{line-height:1.15}.v60-special-card.city .v60-special-icon{object-fit:contain}@media(max-width:980px){.v60-pet-grid,.v60-expert-main,.v60-expert-special-grid,.v60-special-grid,.v60-special-summary{grid-template-columns:1fr}.v60-mini-grid,.v60-island-grid{grid-template-columns:1fr}.v60-island-global{grid-column:auto;display:block}.v60-event-choices{grid-template-columns:1fr}.v60-special-card,.pet-grid .v60-special-card{grid-template-columns:52px minmax(0,1fr)}.v60-special-card select,.v60-special-card strong{grid-column:2}.v60-stat-row,.v60-island-grid section .v60-stat-row{grid-template-columns:minmax(0,1fr) minmax(90px,110px) 72px}}

/* ===== PROMPT A RECOVERY: DYNAMIC LOADOUT OVERFLOW HARDENING ===== */
/* Two editable fields per row looked compact but squeezed the live percentage into a third implicit column. */
.v61-base-stat-grid{grid-template-columns:1fr!important}
.v61-base-field{grid-template-columns:minmax(0,1fr) minmax(92px,122px)!important;grid-template-rows:auto auto!important;min-width:0!important;overflow:hidden!important}
.v61-base-field>span{overflow-wrap:anywhere!important;line-height:1.2!important}
.v61-base-field input{grid-column:2!important;grid-row:1!important;max-width:100%!important}
.v61-base-live{grid-column:1/-1!important;grid-row:2!important;justify-self:end!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Hero Gear copy stays inside its piece; reset gets a dedicated corner while mastery flyouts remain unclipped. */
.hero-gear-board{min-width:0!important}
.hero-gear-piece{min-width:0!important;overflow:visible!important;padding-top:12px!important}
.hero-gear-piece>.piece-reset-btn{right:8px!important;top:8px!important;width:25px!important;height:25px!important}
.hero-gear-piece .piece-title,.hero-gear-piece .piece-level-state,.hero-gear-piece .piece-final-bonus{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
.hero-gear-piece .piece-title{padding-right:30px!important;min-height:27px!important;line-height:1.18!important}
.hero-gear-piece .piece-level-state{max-width:calc(100% - 2px)!important;white-space:normal!important;line-height:1.25!important}
.hero-gear-piece .piece-final-bonus{padding-right:2px!important;line-height:1.3!important}
.hero-gear-piece img.hero-gear-art{max-width:min(78px,42%)!important;height:auto!important;aspect-ratio:1!important}
.hero-gear-quick-wrap{min-width:0!important;overflow:hidden!important}
.hero-gear-quick-row{grid-template-columns:minmax(42px,52px) repeat(5,minmax(0,1fr))!important;min-width:0!important}
.hero-gear-quick-row>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.hero-gear-quick-btn{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.piece-controls,.piece-controls>.field{min-width:0!important}
.piece-controls>.field>span{min-width:0!important;overflow-wrap:anywhere!important}
.hero-gear-mastery-menu{max-width:min(276px,calc(100vw - 44px))!important}

@media(max-width:760px){
  .v61-base-stat-sections{grid-template-columns:1fr!important}
  .v61-base-field{grid-template-columns:minmax(0,1fr) minmax(88px,116px)!important}
  .hero-gear-piece{padding:9px!important;padding-top:11px!important}
  .hero-gear-piece .piece-title{font-size:.82rem!important;padding-right:28px!important}
  .hero-gear-piece img.hero-gear-art{width:62px!important;height:62px!important;margin-right:7px!important}
  .hero-gear-quick-row{grid-template-columns:42px repeat(5,minmax(0,1fr))!important;gap:3px!important}
  .hero-gear-quick-btn{padding:6px 1px!important;font-size:.57rem!important}
}
@media(max-width:430px){
  .v61-base-field{grid-template-columns:minmax(0,1fr) minmax(82px,104px)!important;padding:8px!important}
  .v61-base-field>span{font-size:.7rem!important}
  .hero-gear-quick-row{grid-template-columns:36px repeat(5,minmax(0,1fr))!important;gap:2px!important}
  .hero-gear-quick-row>span{font-size:.54rem!important}
  .hero-gear-quick-btn{font-size:.51rem!important;padding:6px 0!important}
  .piece-controls{gap:6px!important}
  .piece-controls>.field>select,.hero-gear-mastery-btn{font-size:.82rem!important;padding:0 8px!important}
}
/* Reserve physical title width for the reset control, not just text padding. */
.hero-gear-piece .piece-title{margin-right:32px!important;width:auto!important}