:root{--bg:#06101a;--panel:#0a1927e8;--panel2:#081522;--line:#25435b;--text:#edf7ff;--muted:#8fa8bb;--gold:#f7b731;--gold2:#ffdf72;--green:#30d67a;--blue:#4d9cff;--red:#ff5578;--cyan:#56d7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#06111c;position:relative;isolation:isolate;overflow-x:hidden}
body:before{content:"";position:fixed;z-index:-2;inset:-14%;pointer-events:none;background:
radial-gradient(circle at 17% 15%,rgba(65,142,191,.38) 0,rgba(27,83,121,.22) 22%,transparent 46%),
radial-gradient(circle at 52% 45%,rgba(38,111,154,.28) 0,rgba(14,55,84,.18) 26%,transparent 53%),
radial-gradient(circle at 80% 11%,rgba(255,151,58,.28) 0,rgba(191,76,16,.15) 18%,transparent 38%),
radial-gradient(circle at 88% 73%,rgba(37,93,132,.26) 0,rgba(14,48,72,.15) 25%,transparent 47%),
linear-gradient(150deg,#050d16 0%,#081b2a 30%,#0a2435 58%,#07131f 100%);
background-size:115% 115%,125% 125%,120% 120%,120% 120%,100% 100%;
animation:bearPaletteDrift 18s ease-in-out infinite alternate;filter:saturate(1.06)}
body:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:
linear-gradient(180deg,rgba(1,7,12,.08),rgba(2,11,18,.24) 48%,rgba(2,8,14,.52)),
repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 1px,transparent 1px 28px)}
@keyframes bearPaletteDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02);background-position:0% 0%,100% 0%,45% 50%,100% 70%,0 0}50%{transform:translate3d(1%,1.5%,0) scale(1.045);background-position:9% 5%,92% 8%,54% 44%,92% 76%,0 0}100%{transform:translate3d(-.5%,2%,0) scale(1.025);background-position:4% 12%,97% 2%,48% 57%,100% 66%,0 0}}button,select,input{font:inherit}.shell{width:min(1540px,calc(100% - 26px));margin:auto;padding:76px 0 64px}.top-center-nav{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:20}.nav-pill{display:flex;align-items:center;gap:7px;text-decoration:none;color:#e8f6ff;background:#081827e8;border:1px solid #365a73;border-radius:999px;padding:10px 17px;font-weight:850;box-shadow:0 10px 30px #0005;transition:.2s}.nav-pill:hover{transform:translateY(-2px);border-color:#dca629;box-shadow:0 0 24px #f7b73126}.event-hero{position:relative;overflow:hidden;min-height:360px;border:1px solid #37556e;border-radius:26px;background:
linear-gradient(90deg,rgba(4,13,23,.92) 0%,rgba(5,17,29,.72) 42%,rgba(5,16,27,.22) 72%,rgba(5,16,27,.08) 100%),
url("/static/image/bear-hunt.webp") center 42%/cover no-repeat;
box-shadow:0 28px 80px #0008;padding:40px 42px;display:flex;align-items:flex-end}
.event-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,20,.04),rgba(5,12,20,.12) 45%,rgba(5,12,20,.45));pointer-events:none}
.event-copy{position:relative;z-index:2;max-width:670px;text-shadow:0 2px 14px #000b}.event-kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid #d99b2e88;background:#74410833;color:#ffe1a0;border-radius:999px;padding:7px 11px;font-weight:900;font-size:.75rem;letter-spacing:.08em}.event-copy h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.92;margin:12px 0 10px}.event-copy p{margin:0;color:#e2edf5;max-width:650px;line-height:1.55;font-weight:600}.bear-scheme-strip{position:relative;overflow:hidden;min-height:96px;margin:18px 0;border:1px solid #37556e;border-radius:20px;background:linear-gradient(110deg,#07131fee,#12354be8 58%,#6f2e0fdc);box-shadow:0 18px 46px #0005}
.bear-scheme-strip:before{content:"";position:absolute;inset:-170%;background:conic-gradient(from 0deg,transparent,#f7b7312d,transparent,#56d7ff24,transparent);animation:slowspin 18s linear infinite}
.bear-scheme-content{position:relative;z-index:2;min-height:96px;display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 24px;text-align:center}
.bear-scheme-orb{font-size:50px;filter:drop-shadow(0 12px 15px #0008);animation:schemeFloat 3.3s ease-in-out infinite}
.bear-scheme-copy b{display:block;color:#ffe0a0;font-size:.85rem;letter-spacing:.09em}.bear-scheme-copy span{display:block;color:#a9c2d4;font-size:.72rem;margin-top:4px}.main-tabs,.sub-tabs{display:flex;justify-content:center;gap:10px;margin:18px auto 0}.tab-btn{position:relative;border:1px solid #28465f;color:#94adbf;background:#081522;border-radius:15px;padding:12px 22px;font-weight:900;cursor:pointer;transition:.2s;overflow:hidden}.tab-btn:hover{color:#fff;border-color:#67859c;transform:translateY(-1px)}.tab-btn.active{color:#181006;border-color:#f1b62e;background:linear-gradient(135deg,#ffd66c,#e99718);box-shadow:0 0 28px #f7b7313d}.sub-tabs{margin:0 0 14px;justify-content:flex-start}.sub-tabs .tab-btn{padding:9px 15px;border-radius:12px}.panel{margin-top:15px;border:1px solid #315772;background:linear-gradient(145deg,rgba(7,24,38,.96),rgba(5,17,29,.95));backdrop-filter:blur(14px);border-radius:23px;padding:19px;box-shadow:0 20px 55px #0006,inset 0 1px 0 rgba(183,229,255,.055)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}.section-title h2,.section-title h3{margin:0}.section-title p{margin:0;color:var(--muted);font-size:.8rem}.setup-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:11px}.field{display:flex;flex-direction:column;gap:5px}.field>span,.field label{color:#95abbc;font-size:.72rem;font-weight:750}.field input,.field select,.gear-field input,.gear-field select{width:100%;min-height:39px;background:#06131f;color:#fff;border:1px solid #2d4b62;border-radius:10px;padding:8px 10px;outline:0;transition:.18s}.field input:focus,.field select:focus,.gear-field input:focus,.gear-field select:focus{border-color:#e8b23d;box-shadow:0 0 0 3px #f7b73116,0 0 16px #f7b7311a}.field select:hover,.field input:hover{border-color:#58738a}.troop-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.troop-card{position:relative;overflow:hidden;border:1px solid #26445c;background:linear-gradient(155deg,#0a1a28,#07131f);border-radius:17px;padding:12px}.troop-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.troop-card.inf:before{background:var(--green);box-shadow:0 0 18px var(--green)}.troop-card.lancer:before{background:var(--blue);box-shadow:0 0 18px var(--blue)}.troop-card.marksman:before{background:var(--red);box-shadow:0 0 18px var(--red)}.troop-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding-left:3px}.troop-title h3{margin:0;font-size:1rem}.troop-title small{color:#7891a4}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.equipment-wrap{margin-top:12px}.gear-panel{border:1px solid #29485f;border-radius:16px;background:#071522;margin-top:10px;overflow:hidden}.gear-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:12px 14px;background:linear-gradient(90deg,#0c2030,#0a1724)}.gear-panel-head h4{margin:2px 0 0;font-size:1rem}.gear-panel-head small{color:#7f9bae;font-size:.7rem}.gear-kicker{font-size:.64rem;letter-spacing:.14em;color:#f7c750;font-weight:950}.gear-troop-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 13px;border-top:1px solid #1e3548}.gear-troop-name{display:flex;gap:8px;align-items:center;font-weight:900}.troop-dot{width:8px;height:8px;border-radius:50%}.gear-troop-row.inf .troop-dot{background:var(--green);box-shadow:0 0 12px var(--green)}.gear-troop-row.lancer .troop-dot{background:var(--blue);box-shadow:0 0 12px var(--blue)}.gear-troop-row.marksman .troop-dot{background:var(--red);box-shadow:0 0 12px var(--red)}.gear-row-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gear-field{display:flex;flex-direction:column;gap:4px}.gear-field>span{color:#8098aa;font-size:.64rem}.charm-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.hero-gear-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hero-gear-piece{border:1px solid #203a4d;background:#091927;border-radius:10px;padding:7px}.hero-gear-piece>b{display:block;color:#d8edfb;font-size:.74rem;margin-bottom:5px}.hero-gear-piece .gear-field{margin-top:4px}.optimize-zone{text-align:center;padding:20px 0 4px}.optimize-btn{position:relative;min-width:280px;border:1px solid #ffdf72;border-radius:17px;padding:16px 34px;color:#1a1003;background:linear-gradient(115deg,#cb8210,#ffd867,#e79b13);font-weight:1000;font-size:1.12rem;cursor:pointer;box-shadow:0 0 0 4px #f7b73112,0 15px 38px #d88d163c;overflow:hidden;animation:goldPulse 2.4s ease-in-out infinite}.optimize-btn:before{content:"";position:absolute;top:-30%;bottom:-30%;width:55px;left:-90px;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:shine 2.5s linear infinite}.optimize-btn:hover{transform:translateY(-2px) scale(1.015)}.optimize-btn:disabled{filter:grayscale(.7);opacity:.7}.secondary{border:1px solid #47657b;border-radius:12px;background:#102334;color:white;font-weight:850;padding:11px 18px;cursor:pointer}.progress-wrap{max-width:720px;margin:13px auto 0}.progress-track{height:10px;background:#132838;border-radius:99px;overflow:hidden}.progress{height:100%;width:0;background:linear-gradient(90deg,#48cfff,#ffd35d);box-shadow:0 0 12px #ffd35d88;transition:width .18s}.progress-text{color:#8da7b9;font-size:.72rem;margin-top:6px}.result{margin-top:16px;border:1px solid #31546d;background:linear-gradient(145deg,#0b1d2d,#07131f);border-radius:20px;padding:17px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-head h2{margin:3px 0;font-size:2.2rem}.eyebrow{font-size:.67rem;letter-spacing:.14em;color:#f7c750;font-weight:950}.result-head small,.result-head p{color:var(--muted)}.pve-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.pve-hero-card{min-width:0;border:1px solid #29465c;border-radius:16px;background:#071522;padding:11px;position:relative;overflow:hidden}.pve-hero-card.inf{box-shadow:inset 0 2px 0 #30d67a66}.pve-hero-card.lancer{box-shadow:inset 0 2px 0 #4d9cff66}.pve-hero-card.marksman{box-shadow:inset 0 2px 0 #ff557866}.pve-hero-top{display:flex;gap:10px;align-items:center}.pve-hero-top img,.hero-initials{width:66px;height:66px;border-radius:13px;object-fit:cover;background:#112b3b}.hero-initials{display:grid;place-items:center;font-weight:950}.pve-hero-top h3{margin:0;font-size:1.05rem}.hero-sub{font-size:.7rem;color:#91a9bb}.hero-stars{color:#ffd45e;letter-spacing:2px;text-shadow:0 0 9px #f6bd34;margin-top:2px;font-size:.82rem}.pve-skills{display:grid;gap:5px;margin-top:9px}.pve-skill{display:flex;gap:7px;padding:6px;border:1px solid #1e394c;background:#091a28;border-radius:9px}.skill-num{flex:0 0 22px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#15344a;color:#8fdfff;font-size:.66rem;font-weight:950}.pve-skill b{display:block;font-size:.7rem}.pve-skill small{display:block;color:#8198aa;font-size:.6rem;line-height:1.25;margin-top:2px}.pve-widget{margin-top:8px;padding:8px;border:1px solid #5f491d;background:linear-gradient(135deg,#2c230d55,#0d1a22);border-radius:10px}.pve-widget span{display:block;color:#f5c95c;font-size:.58rem;font-weight:950;letter-spacing:.08em}.pve-widget b{font-size:.76rem}.pve-widget small{display:block;color:#9aabaf;font-size:.61rem;margin-top:3px}.pve-widget em{display:inline-block;margin-top:5px;font-style:normal;font-size:.58rem;border-radius:999px;padding:3px 6px}.pve-widget em.active{background:#14532d77;color:#86efac}.pve-widget em.inactive{background:#33415588;color:#a8b6c4}.pve-ratio-bar{display:flex;height:42px;border-radius:13px;overflow:hidden;margin-top:14px;background:#102331;border:1px solid #2c4c62;box-shadow:inset 0 0 14px #0006}.ratio-part{display:grid;place-items:center;min-width:0;transition:width .2s}.ratio-part span{font-weight:1000;text-shadow:0 1px 5px #000}.ratio-part.inf{background:linear-gradient(90deg,#10a64f,#4ee88c);box-shadow:inset 0 0 18px #9cffc455}.ratio-part.lancer{background:linear-gradient(90deg,#276bdc,#65adff);box-shadow:inset 0 0 18px #b5d9ff55}.ratio-part.marksman{background:linear-gradient(90deg,#d9365c,#ff6c89);box-shadow:inset 0 0 18px #ffc2d055}.ratio-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.ratio-counts div{display:flex;justify-content:space-between;border:1px solid #223f53;background:#071522;border-radius:9px;padding:7px 9px}.ratio-counts span{color:#8fa5b6;font-size:.7rem}.configure-cta{display:block;margin:16px auto 2px;border:1px solid #ffd66c;background:#241806;color:#ffe7a6;border-radius:14px;padding:13px 28px;font-weight:950;cursor:pointer;box-shadow:0 0 22px #f7b73125}.configure-cta:hover{background:#3b2709;transform:translateY(-1px)}.alternatives{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.alternatives section,.march-groups section{border:1px solid #26455b;background:#071522;border-radius:13px;padding:10px}.alternatives h3{margin:0 0 6px}.alt-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #1d3548}.alt-row small{display:block;color:#8199aa;font-size:.68rem}.alt-row strong{color:#ff9cac}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.config-hero-select{border:1px solid #29475d;background:#071522;border-radius:13px;padding:10px}.config-hero-select h4{margin:0 0 7px}.ratio-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ratio-editor .field input{text-align:center;font-size:1.05rem;font-weight:900}.calc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.calc-summary div{border:1px solid #28475d;background:#071522;border-radius:11px;padding:9px}.calc-summary span{display:block;color:#8199aa;font-size:.65rem}.calc-summary b{font-size:.95rem}.advanced-box{margin-top:12px;border:1px solid #2b4a60;border-radius:13px;background:#071522;padding:10px}.advanced-box summary{cursor:pointer;font-weight:900}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.march-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px;margin-top:12px}.march-groups section{position:relative}.group-count{position:absolute;right:10px;top:9px;color:#f5c74f;font-weight:1000}.march-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:#c8dae6}.march-line b{margin-left:auto}.leftovers{margin-top:10px;color:#8ca3b4;font-size:.75rem}.error{color:#fecaca;background:#7f1d1d55;border:1px solid #b91c1c77;padding:12px;border-radius:10px}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes schemeFloat{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes float{50%{transform:translateY(calc(-50% - 8px)) rotate(-2deg)}}@keyframes goldPulse{50%{box-shadow:0 0 0 6px #f7b7310d,0 18px 42px #d88d1650,0 0 28px #f7b73124}}@keyframes shine{0%{left:-90px}60%,100%{left:120%}}@media(max-width:1000px){.troop-input-grid,.pve-heroes,.alternatives,.config-grid{grid-template-columns:1fr}.setup-top{grid-template-columns:1fr 1fr}.charm-strip{grid-template-columns:repeat(3,1fr)}.hero-gear-strip{grid-template-columns:repeat(2,1fr)}.gear-troop-row{grid-template-columns:1fr}.calc-summary{grid-template-columns:1fr 1fr}.bear-orb{opacity:.35}}@media(max-width:650px){.shell{width:calc(100% - 14px);padding-top:72px}.event-hero{min-height:310px;padding:24px 18px;background-position:center 42%}.setup-top,.mini-grid,.ratio-editor,.advanced-grid{grid-template-columns:1fr}.gear-row-content{grid-template-columns:1fr}.top-center-nav{top:13px}.nav-pill{padding:8px 12px}.main-tabs{display:grid;grid-template-columns:1fr 1fr}.sub-tabs{display:grid;grid-template-columns:1fr 1fr}.ratio-counts,.calc-summary{grid-template-columns:1fr}.hero-gear-strip{grid-template-columns:1fr}.charm-strip{grid-template-columns:repeat(2,1fr)}}

.setup-compact{display:grid;gap:10px;align-items:end;margin:0 auto 12px}
.caller-controls{grid-template-columns:170px 210px 150px 250px;width:min(100%,820px)}
.joiner-controls{grid-template-columns:220px 150px 150px 250px;width:min(100%,850px)}
.gen-control,.cyrille-control{display:flex;flex-direction:column;gap:5px;position:relative}
.gen-control>span,.cyrille-control>span{color:#95abbc;font-size:.72rem;font-weight:750}
.gen-gold{min-height:42px;border:1px solid #ffdb6b;border-radius:11px;background:linear-gradient(135deg,#ffd86b,#d98d13);color:#201305;font-weight:1000;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 18px #f7b7312b}
.gen-gold strong{font-size:1.05rem}
.gen-menu{position:absolute;top:68px;left:0;z-index:50;display:grid;grid-template-columns:repeat(4,58px);gap:6px;padding:8px;border:1px solid #6f5520;border-radius:12px;background:#071522;box-shadow:0 18px 45px #0009}
.gen-menu[hidden]{display:none}.gen-menu button{border:1px solid #5f4a1d;border-radius:9px;background:#182335;color:#ffe08b;padding:8px;font-weight:900;cursor:pointer}.gen-menu button.active,.gen-menu button:hover{background:#f3b62c;color:#211405;border-color:#ffe08b}
.stat-source-tabs{display:flex;justify-content:center;gap:8px;width:min(100%,620px);margin:4px auto 13px}.stat-source-tab{flex:1;border:1px solid #2d4b62;border-radius:12px;background:#081522;color:#9db0bf;padding:10px 15px;font-weight:900;cursor:pointer}.stat-source-tab.active{background:linear-gradient(135deg,#ffd66c,#e99718);color:#1b1104;border-color:#ffde79;box-shadow:0 0 20px #f7b7312b}
.manual-stat input[readonly]{background:#111d27;color:#7dd3fc;border-color:#30485a;cursor:not-allowed}.manual-stat.calculated{opacity:.92}
.cyrille-box{display:grid;grid-template-columns:50px 1fr;gap:8px;align-items:center}.cyrille-box img{width:50px;height:50px;object-fit:cover;border-radius:11px;border:2px solid #f0bd45;background:#0b1722}.cyrille-box select{min-height:42px}
.result-head{justify-content:center!important;text-align:center}.result-head>div{width:100%;text-align:center}.damage-line{display:flex;align-items:baseline;justify-content:center;gap:9px;flex-wrap:wrap}.damage-line strong{font-size:2.25rem;line-height:1}.damage-line span{color:var(--muted);font-size:.95rem;font-weight:750}.result-head .eyebrow{display:block;margin-bottom:6px}
@media(max-width:900px){.caller-controls,.joiner-controls{grid-template-columns:1fr 1fr;width:100%}}@media(max-width:620px){.caller-controls,.joiner-controls{grid-template-columns:1fr}.stat-source-tabs{display:grid;grid-template-columns:1fr}}


/* VNEXT PVE FLOW */
.main-tabs .tab-btn,.stat-source-tab{
  box-shadow:none!important;
  background:#0b1c2b!important;
  color:#9fb4c5!important;
  border-color:#31516a!important;
}
.main-tabs .tab-btn.active[data-mode="caller"]{
  background:linear-gradient(135deg,#0c4f73,#1478a8)!important;
  color:#eaf9ff!important;border-color:#49c6ff!important;
}
.main-tabs .tab-btn.active[data-mode="configure"]{
  background:linear-gradient(135deg,#483071,#6f48a5)!important;
  color:#f7efff!important;border-color:#b99aff!important;
}
.main-tabs .tab-btn.active[data-mode="joiner"]{
  background:linear-gradient(135deg,#15533c,#1e7a57)!important;
  color:#effff7!important;border-color:#55d99b!important;
}
.stat-source-tab.active{
  background:linear-gradient(135deg,#103451,#155d7d)!important;
  color:#e9f9ff!important;border-color:#53c7f5!important;
  box-shadow:0 0 18px rgba(56,189,248,.16)!important;
}
.configure-cta{
  border-color:#4fc3f7!important;background:#0e3248!important;color:#dff7ff!important;
  box-shadow:0 0 20px rgba(79,195,247,.13)!important;
}
.configure-cta:hover{background:#16465f!important}
.cyrille-box{grid-template-columns:50px minmax(0,1fr);position:relative}
.cyrille-picker{position:relative;min-width:0}
.cyrille-select-btn{
  width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#06131f;color:#f2f8fc;border:1px solid #2d4b62;border-radius:10px;padding:8px 11px;
  cursor:pointer;font-weight:800;text-align:left
}
.cyrille-select-btn:hover,.cyrille-select-btn.open{border-color:#6aa1c5;background:#0a1d2c}
.cyrille-select-btn .chev{color:#8fb3c9;font-size:.9rem}
.cyrille-menu{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;
  display:grid;gap:3px;padding:6px;background:#071522;border:1px solid #34566e;border-radius:12px;
  box-shadow:0 18px 45px rgba(0,0,0,.58);max-height:320px;overflow:auto
}
.cyrille-menu[hidden]{display:none}
.cyrille-menu button{
  border:1px solid transparent;border-radius:8px;background:#0a1b29;color:#dcecf7;
  padding:8px 10px;text-align:left;cursor:pointer;font-weight:750
}
.cyrille-menu button:hover{background:#12324a;border-color:#3c789d}
.cyrille-menu button.active{background:#164d6b;border-color:#55bce9;color:white}
#callerConfigHeroEditor{margin-top:8px}
@media(max-width:650px){.main-tabs{grid-template-columns:repeat(3,1fr)!important}}


/* Bear Hunt: keep long hero skill descriptions inside their cards */
.pve-skill-box{min-width:0!important;height:auto!important;align-items:start!important}
.pve-skill-box>div{min-width:0!important;max-width:100%!important}
.pve-skill-box small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
  line-height:1.22!important;
}
.pve-skill-box b,.pve-skill-box em{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}


/* Shared Dark / Light event theme controls */
body{color-scheme:dark}
.theme-toggle{
  display:flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid #4c6a80;border-radius:999px;
  background:#091827e8;color:#edf8ff;
  min-height:42px;padding:9px 15px;font-weight:900;cursor:pointer;
  box-shadow:0 10px 30px #0004;transition:.18s;
}
.theme-toggle:hover{transform:translateY(-2px);border-color:#f0bc45}
.theme-toggle-icon{font-size:1rem;line-height:1}
.theme-toggle-text{font-size:.76rem;white-space:nowrap}
body.light-theme{color-scheme:light}
body.light-theme .theme-toggle{
  background:#ffffffed;color:#173247;border-color:#8eb3c9;
  box-shadow:0 8px 24px #345a711e
}
body.light-theme .nav-pill{
  background:#ffffffed!important;color:#153247!important;
  border-color:#9bbbcf!important;box-shadow:0 8px 24px #345a711e!important
}
body.light-theme .section-title h2,
body.light-theme .section-title h3,
body.light-theme .troop-title h3,
body.light-theme .gear-panel-head h4,
body.light-theme .gear-troop-name,
body.light-theme .alternatives h3,
body.light-theme .config-hero-select h4,
body.light-theme .pve-hero-top h3{
  color:#10283a!important
}
body.light-theme .section-title p,
body.light-theme .troop-title small,
body.light-theme .gear-panel-head small,
body.light-theme .gear-field>span,
body.light-theme .hero-sub,
body.light-theme .alt-row small,
body.light-theme .calc-summary span,
body.light-theme .progress-text{
  color:#587084!important
}
body.light-theme .field>span,
body.light-theme .field label,
body.light-theme .gen-control>span,
body.light-theme .cyrille-control>span{
  color:#425d71!important
}
body.light-theme .field input,
body.light-theme .field select,
body.light-theme .gear-field input,
body.light-theme .gear-field select,
body.light-theme .config-hero-select select,
body.light-theme .manual-stat input[readonly]{
  background:#fff!important;color:#10263a!important;border-color:#9cb9cb!important;
  box-shadow:none!important
}
body.light-theme .field input:focus,
body.light-theme .field select:focus,
body.light-theme .gear-field input:focus,
body.light-theme .gear-field select:focus,
body.light-theme .config-hero-select select:focus{
  border-color:#b88410!important;
  box-shadow:0 0 0 3px #e7b83c28!important
}
body.light-theme .troop-card,
body.light-theme .gear-panel,
body.light-theme .hero-gear-piece,
body.light-theme .result,
body.light-theme .pve-hero-card,
body.light-theme .pve-skill,
body.light-theme .ratio-counts div,
body.light-theme .alternatives section,
body.light-theme .config-hero-select,
body.light-theme .calc-summary div{
  background:#f8fcff!important;color:#10283a!important;
  border-color:#a9c5d6!important;box-shadow:none!important
}
body.light-theme .gear-panel-head{
  background:linear-gradient(90deg,#eaf5fb,#f8fcff)!important;
  border-color:#a9c5d6!important
}
body.light-theme .gear-troop-row{border-color:#c6d9e5!important}
body.light-theme .pve-skill small,
body.light-theme .pve-widget small{color:#536d80!important}
body.light-theme .pve-widget{
  background:#fff7df!important;border-color:#d8b85c!important;color:#2d2818!important
}
body.light-theme .pve-widget em.inactive{background:#e4eaf0!important;color:#4a6071!important}
body.light-theme .progress-track{background:#d7e3eb!important}
body.light-theme .secondary{
  background:#e8f2f8!important;color:#173247!important;border-color:#9ab7c9!important
}
body.light-theme .error{
  color:#7f1d1d!important;background:#fee2e2!important;border-color:#fca5a5!important
}

/* Shared PvE editor / shared engine content inserted after page load */
body.light-theme .pve-battle-hero,
body.light-theme .pve-hero-editor-row,
body.light-theme .pve-hero-dialog,
body.light-theme .pve-hero-modal,
body.light-theme .pve-choice,
body.light-theme .pve-skill-box,
body.light-theme .widget-box-v4,
body.light-theme .v61-base-panel,
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,
body.light-theme .hero-gear-piece,
body.light-theme .hero-gear-center,
body.light-theme .v61-base-editor{
  background:#f7fbfe!important;color:#10283a!important;border-color:#a9c5d6!important
}
body.light-theme .pve-skill-box b,
body.light-theme .pve-skill-box small,
body.light-theme .pve-skill-box em,
body.light-theme .pve-battle-hero b,
body.light-theme .pve-battle-hero small,
body.light-theme .v61-base-panel h3,
body.light-theme .v61-base-panel h4,
body.light-theme .v61-base-field>span{
  color:#173247!important
}
body.light-theme .pve-star-step{filter:drop-shadow(0 0 4px #139bc955)}
body.light-theme .hero-gear-mastery-btn,
body.light-theme .piece-controls>.field>select{
  background:#fff!important;color:#10283a!important;border-color:#9cb9cb!important
}
body.light-theme .hero-gear-mastery-menu,
body.light-theme .gen-menu,
body.light-theme .cyrille-menu{
  background:#f8fcff!important;border-color:#8eacbf!important;box-shadow:0 18px 42px #2c52652d!important
}
body.light-theme .hero-gear-mastery-menu button,
body.light-theme .gen-menu button,
body.light-theme .cyrille-menu button{
  background:#eaf3f8!important;color:#173247!important;border-color:#b3cad8!important
}
body.light-theme .hero-gear-mastery-menu button.active,
body.light-theme .gen-menu button.active,
body.light-theme .cyrille-menu button.active{
  background:#f5bd37!important;color:#201405!important;border-color:#d89b15!important
}

/* Bear Hunt light theme: snowy/icy page with strong dark text */
body.light-theme:before{
  background:
    radial-gradient(circle at 16% 14%,rgba(255,255,255,1) 0,rgba(242,251,255,.96) 22%,transparent 47%),
    radial-gradient(circle at 55% 46%,rgba(217,244,255,.84) 0,rgba(183,226,247,.46) 27%,transparent 55%),
    radial-gradient(circle at 80% 10%,rgba(255,195,118,.30) 0,rgba(255,150,65,.13) 18%,transparent 38%),
    linear-gradient(150deg,#fbfeff 0%,#edf8fd 30%,#dceff8 62%,#f8fcfe 100%)!important;
}
body.light-theme:after{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(108,160,190,.08),rgba(81,136,168,.14))!important
}
body.light-theme .panel{
  background:linear-gradient(145deg,rgba(250,253,255,.97),rgba(236,246,251,.96))!important;
  border-color:#9dbed1!important;color:#10283a!important;
  box-shadow:0 18px 48px #31546b24!important
}
body.light-theme .bear-scheme-strip{
  background:linear-gradient(110deg,#eaf7fd,#d1ecf8 58%,#ffd9b7)!important;
  border-color:#9ebed0!important;box-shadow:0 14px 35px #31546b20!important
}
body.light-theme .bear-scheme-copy b{color:#71430a!important}
body.light-theme .main-tabs .tab-btn,
body.light-theme .stat-source-tab{
  background:#edf6fb!important;color:#375468!important;border-color:#9cb9cb!important
}
body.light-theme .main-tabs .tab-btn.active[data-mode="caller"]{
  background:#d9f1fc!important;color:#0b4865!important;border-color:#4e9ec4!important
}
body.light-theme .main-tabs .tab-btn.active[data-mode="configure"]{
  background:#ece3fa!important;color:#513477!important;border-color:#9d7bc6!important
}
body.light-theme .main-tabs .tab-btn.active[data-mode="joiner"]{
  background:#dff5e8!important;color:#17553b!important;border-color:#63aa84!important
}
body.light-theme .stat-source-tab.active{
  background:#d9eff9!important;color:#124d68!important;border-color:#5a9fbe!important
}
body.light-theme .cyrille-select-btn{
  background:#fff!important;color:#173247!important;border-color:#9cb9cb!important
}


/* Companion top-bar theme control only.
   Legacy floating/fixed theme-button rules were removed so this button stays
   in the same top-bar position as the other Companion pages. */
.bear-topbar .theme-toggle{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 15px!important;
  z-index:auto!important;
}
.bear-topbar .theme-toggle:hover{transform:translateY(-1px)!important}
.bear-topbar .theme-toggle:active{transform:none!important}
@media(max-width:700px){
  .bear-topbar .theme-toggle{position:static!important;inset:auto!important;transform:none!important}
}

/* Bear Hunt full light-theme switch: background + containers together */
body.light-theme{
  background:#edf7fc!important;
  color:#173247!important;
}
body.light-theme:before{
  background:
    radial-gradient(circle at 16% 14%,rgba(255,255,255,1) 0,rgba(242,251,255,.96) 22%,transparent 47%),
    radial-gradient(circle at 55% 46%,rgba(217,244,255,.84) 0,rgba(183,226,247,.46) 27%,transparent 55%),
    radial-gradient(circle at 80% 10%,rgba(255,195,118,.30) 0,rgba(255,150,65,.13) 18%,transparent 38%),
    radial-gradient(circle at 88% 72%,rgba(218,242,252,.74) 0,rgba(180,221,241,.36) 25%,transparent 47%),
    linear-gradient(150deg,#fbfeff 0%,#edf8fd 30%,#dceff8 62%,#f8fcfe 100%)!important;
  filter:saturate(.96)!important;
}
body.light-theme:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(108,160,190,.08),rgba(81,136,168,.14)),
    repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 1px,transparent 1px 28px)!important;
}
body.light-theme .panel{
  background:linear-gradient(145deg,rgba(252,254,255,.98),rgba(237,247,252,.97))!important;
  border-color:#9dbed1!important;
  color:#10283a!important;
  box-shadow:0 18px 48px #31546b24!important;
}
body.light-theme .troop-card,
body.light-theme .gear-panel,
body.light-theme .hero-gear-piece,
body.light-theme .result,
body.light-theme .pve-hero-card,
body.light-theme .pve-skill,
body.light-theme .ratio-counts div,
body.light-theme .alternatives section,
body.light-theme .config-hero-select,
body.light-theme .calc-summary div,
body.light-theme .pve-battle-hero,
body.light-theme .pve-hero-editor-row,
body.light-theme .pve-choice,
body.light-theme .pve-skill-box,
body.light-theme .widget-box-v4,
body.light-theme .v61-base-panel,
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,
body.light-theme .v61-base-editor{
  background:#f8fcff!important;
  color:#10283a!important;
  border-color:#a9c5d6!important;
  box-shadow:none!important;
}
body.light-theme .bear-scheme-strip{
  background:linear-gradient(110deg,#eaf7fd,#d1ecf8 58%,#ffd9b7)!important;
  border-color:#9ebed0!important;
  box-shadow:0 14px 35px #31546b20!important;
}
body.light-theme .bear-scheme-copy b{color:#71430a!important}


/* =========================================================
   CLEAN PvE LIGHT THEME
   Bear Hunt + Endless Trials
   White surfaces, dark navy text, colored accents only.
   ========================================================= */

/* Event artwork text must remain readable even in Light mode */
body.light-theme .event-copy,
body.light-theme .event-copy h1,
body.light-theme .event-copy p{
  color:#ffffff!important;
}
body.light-theme .event-copy h1{
  text-shadow:0 3px 18px rgba(0,0,0,.92),0 1px 3px rgba(0,0,0,.95)!important;
}
body.light-theme .event-copy p{
  text-shadow:0 2px 10px rgba(0,0,0,.92)!important;
}
body.light-theme .event-kicker{
  color:#fff3c7!important;
  background:rgba(89,50,7,.72)!important;
  border-color:#f0b43f!important;
  box-shadow:0 3px 14px rgba(0,0,0,.25)!important;
}

/* ---------- Hero editor ---------- */
body.light-theme .pve-battle-hero,
body.light-theme .hero-progression,
body.light-theme .hero-photo-select,
body.light-theme .pve-skill-box,
body.light-theme .widget-box-v4{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#a8c5d7!important;
  box-shadow:none!important;
}

body.light-theme .pve-battle-hero.inf{border-top-color:#20b96b!important}
body.light-theme .pve-battle-hero.lancer{border-top-color:#3188e8!important}
body.light-theme .pve-battle-hero.marksman{border-top-color:#ef476f!important}

body.light-theme .hero-photo-select{
  color:#163047!important;
}
body.light-theme .hero-photo-select:hover{
  border-color:#1599d3!important;
  background:#ffffff!important;
}
body.light-theme .hero-photo-name,
body.light-theme .pve-skill-box b,
body.light-theme .widget-line b,
body.light-theme .widget-line span,
body.light-theme .widget-box-v4>div,
body.light-theme .widget-current-stats{
  color:#142a3b!important;
}

body.light-theme .star-readout{
  color:#0875a6!important;
  text-shadow:none!important;
}
body.light-theme .skill-level-readout{
  color:#6742a3!important;
  text-shadow:none!important;
}
body.light-theme .hero-stat-strip{
  color:#4d6680!important;
}
body.light-theme .hero-stat-strip b,
body.light-theme .widget-current-stats b{
  color:#087f88!important;
  text-shadow:none!important;
}
body.light-theme .pve-skill-box small,
body.light-theme .small.muted,
body.light-theme .widget-box-v4 .small.muted{
  color:#5c7183!important;
}
body.light-theme .pve-skill-box em{
  color:#0878a5!important;
}
body.light-theme .skill-active-value{
  color:#128b4d!important;
  text-shadow:none!important;
}

body.light-theme .star-up-btn,
body.light-theme .star-max-btn{
  background:#ffffff!important;
  color:#17324a!important;
  border-color:#8fb6ce!important;
  box-shadow:none!important;
}
body.light-theme .star-up-btn:hover,
body.light-theme .star-max-btn:hover{
  background:#eef8fd!important;
  border-color:#2c98cc!important;
}
body.light-theme .hero-widget-corner label{
  color:#506b80!important;
}
body.light-theme .hero-widget-corner select,
body.light-theme .pve-widget-readout{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
  box-shadow:none!important;
}

body.light-theme .widget-img{
  background:#ffffff!important;
}
body.light-theme .widget-status.inactive{
  background:#edf2f6!important;
  color:#536879!important;
  border:1px solid #c7d5df!important;
}
body.light-theme .widget-status.active{
  background:#e3f7ea!important;
  color:#17683c!important;
  border-color:#75c798!important;
}

/* ---------- Ratio bar readability ---------- */
body.light-theme .pve-ratio-bar{
  border-color:#9eb9ca!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
body.light-theme .ratio-part span{
  color:#ffffff!important;
  font-weight:1000!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.65)!important;
  background:rgba(8,24,40,.26)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  line-height:1!important;
}
body.light-theme .ratio-counts div{
  background:#ffffff!important;
  color:#173148!important;
  border-color:#adc6d5!important;
}
body.light-theme .ratio-counts span{color:#597186!important}
body.light-theme .ratio-counts b{color:#142a3b!important}

/* ---------- Dynamic Loadouts shell ---------- */
body.light-theme .dynamic-loadout,
body.light-theme .dynamic-toolbar,
body.light-theme .dynamic-tabs,
body.light-theme .dynamic-content{
  background:#ffffff!important;
  color:#142a3b!important;
}
body.light-theme .dynamic-loadout{
  border-color:#9dbdd0!important;
  box-shadow:0 12px 32px rgba(47,83,105,.10)!important;
}
body.light-theme .dynamic-toolbar{
  border-bottom-color:#c3d6e1!important;
}
body.light-theme .dynamic-toolbar>b{
  color:#142a3b!important;
}
body.light-theme .dynamic-tabs{
  border-bottom-color:#c3d6e1!important;
}
body.light-theme .dynamic-tool-btn{
  background:#ffffff!important;
  color:#17324a!important;
  border-color:#9eb9cb!important;
  box-shadow:none!important;
}
body.light-theme .dynamic-tool-btn:hover{
  background:#eef8fd!important;
  border-color:#2f98ca!important;
}
body.light-theme .dynamic-tool-btn.max{
  background:#fff8dc!important;
  color:#76510b!important;
  border-color:#d7b54b!important;
}
body.light-theme .dynamic-tab{
  background:#ffffff!important;
  color:#314f65!important;
  border-color:#aabfcd!important;
  box-shadow:none!important;
}
body.light-theme .dynamic-tab:hover{
  background:#f1f9fd!important;
  border-color:#57a9cf!important;
}
body.light-theme .dynamic-tab.active{
  background:#e1f4fd!important;
  color:#075b82!important;
  border-color:#2ba0d3!important;
  box-shadow:0 0 0 1px rgba(43,160,211,.14)!important;
}

/* ---------- Base Stats ---------- */
body.light-theme .v61-base-panel,
body.light-theme .v61-base-editor{
  background:#ffffff!important;
  color:#142a3b!important;
}
body.light-theme .v60-panel-head h3{
  color:#142a3b!important;
}
body.light-theme .v60-panel-head p{
  color:#60778a!important;
}

body.light-theme .v61-base-mode{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
  box-shadow:none!important;
}
body.light-theme .v61-base-mode:hover{
  background:#f2f9fd!important;
  border-color:#4fa6cc!important;
}
body.light-theme .v61-base-mode.active{
  background:#e5f6fd!important;
  color:#12384d!important;
  border-color:#2b9fd0!important;
  box-shadow:0 0 0 1px rgba(43,159,208,.14)!important;
}
body.light-theme .v61-base-mode b{color:#142a3b!important}
body.light-theme .v61-base-mode small{color:#657d90!important}

body.light-theme .v62-base-import{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#6fb4d3!important;
  box-shadow:0 10px 28px rgba(44,98,126,.11)!important;
}
body.light-theme .v62-base-import-copy b{
  color:#142a3b!important;
}
body.light-theme .v62-base-import-copy small{
  color:#536d80!important;
}
body.light-theme .v62-base-import-copy small b{
  color:#8a5a00!important;
}
body.light-theme .v62-base-import-status{
  color:#087da5!important;
}

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:#ffffff!important;
  color:#142a3b!important;
  border-color:#b2c9d7!important;
  box-shadow:none!important;
}
body.light-theme .v61-base-stat-card h4,
body.light-theme .v61-base-field>span,
body.light-theme .v61-resolved-card b,
body.light-theme .v61-resolved-wrap>div:first-child b{
  color:#142a3b!important;
}
body.light-theme .v61-base-field input,
body.light-theme .v61-base-field input[readonly]{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
}
body.light-theme .v61-base-live{
  color:#087ba5!important;
}
body.light-theme .v61-base-field.calculated .v61-base-live{
  color:#60788c!important;
}
body.light-theme .v61-resolved-wrap>div:first-child small{
  color:#60778a!important;
}
body.light-theme .v61-resolved-card span{
  color:#276b92!important;
}
body.light-theme .v61-base-section-head b{
  color:#142a3b!important;
}
body.light-theme .v61-base-section-head small{
  color:#667d8f!important;
}

/* Base Stats inner subtabs: all white, active uses pale-blue accent */
body.light-theme .v61-base-subtabs{
  border-top-color:#c5d7e1!important;
}
body.light-theme .v61-base-subtabs button{
  background:#ffffff!important;
  color:#36546a!important;
  border-color:#a8bfce!important;
  box-shadow:none!important;
}
body.light-theme .v61-base-subtabs button:hover{
  background:#f0f8fc!important;
  color:#164c68!important;
  border-color:#5aa5c8!important;
}
body.light-theme .v61-base-subtabs button.active{
  background:#e4f5fc!important;
  color:#075c82!important;
  border-color:#2d9bca!important;
  box-shadow:0 0 0 1px rgba(45,155,202,.12)!important;
}

/* ---------- Equipment / Hero Gear / loadout cards ---------- */
body.light-theme .gear-slot-card,
body.light-theme .gear-system-center,
body.light-theme .hero-gear-piece,
body.light-theme .hero-gear-center,
body.light-theme .gear-choice,
body.light-theme .charm-node{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#aac2d1!important;
  box-shadow:none!important;
}
body.light-theme .gear-slot-title,
body.light-theme .gear-choice b,
body.light-theme .charm-node b,
body.light-theme .hero-gear-piece .piece-title,
body.light-theme .hero-gear-center b{
  color:#142a3b!important;
}
body.light-theme .gear-tier{
  color:#176a98!important;
}
body.light-theme .gear-stat,
body.light-theme .gear-choice small,
body.light-theme .gear-system-center span{
  color:#5e7487!important;
}
body.light-theme .gear-system-center strong{
  color:#087d85!important;
}
body.light-theme .gear-slot-icon,
body.light-theme .gear-choice-photo{
  background:#ffffff!important;
}
body.light-theme .piece-reset-btn{
  background:#ffffff!important;
  color:#38546a!important;
  border-color:#abc1cf!important;
}
body.light-theme .hero-gear-quick-row>span{
  color:#526d82!important;
}
body.light-theme .piece-controls>.field>select,
body.light-theme .hero-gear-mastery-btn{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
}
body.light-theme .hero-gear-mastery-btn .mastery-chevron{
  color:#36566e!important;
}
body.light-theme .hero-gear-mastery-menu{
  background:#ffffff!important;
  border-color:#b29a56!important;
  box-shadow:0 16px 38px rgba(51,72,88,.18)!important;
}
body.light-theme .hero-gear-mastery-menu button{
  background:#ffffff!important;
  color:#173148!important;
  border-color:#b6c9d5!important;
}
body.light-theme .hero-gear-mastery-menu button:hover{
  background:#eef8fd!important;
  border-color:#5ca4c6!important;
}
body.light-theme .hero-gear-mastery-menu button.active{
  background:#ffe4a0!important;
  color:#563900!important;
  border-color:#d6a732!important;
}

/* ---------- v60 equipment editors ---------- */
body.light-theme .v60-photo-panel,
body.light-theme .v60-island-grid section,
body.light-theme .v60-special-summary{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#afc7d6!important;
  box-shadow:none!important;
}
body.light-theme .v60-stat-row,
body.light-theme .v60-stat-row:nth-child(4n+1),
body.light-theme .v60-stat-row:nth-child(4n+2){
  background:#ffffff!important;
  color:#142a3b!important;
  border-bottom-color:#d5e1e8!important;
}
body.light-theme .v60-stat-row span{
  color:#173148!important;
}
body.light-theme .v60-stat-row input{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
}
body.light-theme .v60-stat-row b{
  color:#087ba5!important;
}
body.light-theme .v60-source-note{
  background:#ffffff!important;
  color:#60778a!important;
  border:1px solid #c3d5df!important;
}
body.light-theme .v60-expert-gareth{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9ccfc7!important;
}
body.light-theme .v60-expert-gareth b,
body.light-theme .v60-island-grid section h4{
  color:#142a3b!important;
}
body.light-theme .v60-special-summary>div{
  background:#ffffff!important;
  border:1px solid #c5d7e1!important;
}
body.light-theme .v60-special-summary span{
  color:#60778a!important;
}
body.light-theme .v60-special-summary b{
  color:#142a3b!important;
}

/* ---------- Specials modal + ALL loadout popups ---------- */
body.light-theme .loadout-modal,
body.light-theme .pve-hero-modal{
  background:rgba(202,226,239,.62)!important;
  backdrop-filter:blur(8px)!important;
}
body.light-theme .loadout-dialog,
body.light-theme .pve-hero-dialog{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#8fb6cc!important;
  box-shadow:0 24px 70px rgba(40,70,90,.24)!important;
}
body.light-theme .loadout-dialog-head,
body.light-theme .pve-hero-dialog-head{
  background:#ffffff!important;
}
body.light-theme .loadout-dialog-head h3,
body.light-theme .pve-hero-dialog-head h3{
  color:#125e84!important;
}
body.light-theme .modal-close,
body.light-theme .pve-hero-dialog-head button{
  background:#ffffff!important;
  color:#8b2635!important;
  border-color:#d6a9b1!important;
}
body.light-theme #loadoutModalBody{
  background:#ffffff!important;
  color:#142a3b!important;
}

body.light-theme .v60-special-modal{
  background:#ffffff!important;
  color:#142a3b!important;
}
body.light-theme .v60-special-section,
body.light-theme .v60-event-choice,
body.light-theme .v60-special-card{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#afc5d3!important;
  box-shadow:none!important;
}
body.light-theme .v60-special-section h3,
body.light-theme .v60-event-choice b,
body.light-theme .v60-special-card b{
  color:#142a3b!important;
}
body.light-theme .v60-special-section>p,
body.light-theme .v60-event-choice small,
body.light-theme .v60-special-card small{
  color:#60778a!important;
}
body.light-theme .v60-event-choice.selected{
  background:#fff8df!important;
  border-color:#d4a72c!important;
  box-shadow:0 0 0 2px rgba(212,167,44,.12)!important;
}
body.light-theme .v60-none-icon{
  background:#ffffff!important;
  color:#526b7d!important;
  border:1px solid #c0d1dc!important;
}
body.light-theme .v60-special-card strong{
  color:#087ba5!important;
}
body.light-theme .v60-special-card select{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
}

/* Hero picker modal */
body.light-theme .hero-picker-choice{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#adc4d2!important;
  box-shadow:none!important;
}
body.light-theme .hero-picker-choice:hover{
  background:#f0f9fd!important;
  border-color:#3a9dcc!important;
}
body.light-theme .hero-picker-choice.selected{
  background:#e5f6fd!important;
  color:#12384d!important;
  border-color:#2599ca!important;
}
body.light-theme .hero-picker-choice b{
  color:#142a3b!important;
}
body.light-theme .hero-picker-choice small{
  color:#61788a!important;
}
body.light-theme .none-choice-icon{
  background:#ffffff!important;
  color:#36566e!important;
  border-color:#b8cbd6!important;
}

/* Keep normal form controls white anywhere in shared loadout content */
body.light-theme .dynamic-content input,
body.light-theme .dynamic-content select,
body.light-theme .loadout-dialog input,
body.light-theme .loadout-dialog select{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
}

/* Avoid light mode inheriting any generic gray card surfaces */
body.light-theme .dynamic-content .muted,
body.light-theme .loadout-dialog .muted{
  color:#63798b!important;
}


/* Bear Hunt Light mode: Joiner optimizer/result cleanup */
body.light-theme .advanced-box{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#a9c5d6!important;
  box-shadow:none!important;
}
body.light-theme .advanced-box summary{
  color:#142a3b!important;
}
body.light-theme .advanced-box .field>span{
  color:#506b80!important;
}
body.light-theme .advanced-box input{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#9db9cb!important;
}

body.light-theme #joinerResult,
body.light-theme #joinerResult.result{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#a9c5d6!important;
  box-shadow:none!important;
}
body.light-theme #joinerResult .result-head h2,
body.light-theme #joinerResult .damage-line strong{
  color:#142a3b!important;
}
body.light-theme #joinerResult .damage-line span,
body.light-theme #joinerResult .result-head small,
body.light-theme #joinerResult .result-head p{
  color:#6a8193!important;
}

body.light-theme #joinerResult .march-groups section{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#a9c5d6!important;
  box-shadow:none!important;
}
body.light-theme #joinerResult .march-groups section h3,
body.light-theme #joinerResult .march-groups section h4,
body.light-theme #joinerResult .march-groups section b{
  color:#142a3b!important;
}
body.light-theme #joinerResult .march-groups section>small,
body.light-theme #joinerResult .march-groups section p,
body.light-theme #joinerResult .march-groups .march-line{
  color:#5f7689!important;
}
body.light-theme #joinerResult .group-count{
  color:#b67a00!important;
  text-shadow:none!important;
}
body.light-theme #joinerResult .march-line b{
  color:#142a3b!important;
}
body.light-theme #joinerResult .leftovers{
  color:#6c8799!important;
}
body.light-theme #joinerResult .ratio-counts div{
  background:#ffffff!important;
  color:#142a3b!important;
  border-color:#adc6d5!important;
}
body.light-theme #joinerResult .ratio-counts span{
  color:#617a8d!important;
}
body.light-theme #joinerResult .ratio-counts b{
  color:#142a3b!important;
}
body.light-theme #joinerResult .pve-ratio-bar{
  background:#ffffff!important;
  border-color:#9eb9ca!important;
  box-shadow:none!important;
}
body.light-theme #joinerResult .ratio-part span{
  color:#ffffff!important;
  font-weight:1000!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.7)!important;
  background:rgba(8,24,40,.28)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
}