:root{--bg:#111214;--panel:#1a1c20;--panel2:#22252b;--panel3:#17191d;--line:#343942;--line2:#2b3038;--text:#f4f3ef;--muted:#aeb4bd;--accent:#9bb9cf;--gold:#b99a5c;--gold2:#c9ae74;--ok:#9fbda5;--warn:#d0b77e;--bad:#b98f8f}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100vh;padding-bottom:92px}.top{padding:max(16px,env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid #292d34;background:#0f1013;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;max-width:980px;margin:auto}.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--gold2),#bca56d);display:grid;place-items:center;color:#171717;font-weight:900;font-size:18px}.brandcopy{min-width:0;flex:1}.brandcopy b{font-size:16px;letter-spacing:.01em}.brandcopy span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.reviewtag{border:1px solid rgba(208,183,126,.35);background:rgba(208,183,126,.06);border-radius:999px;padding:7px 9px;color:var(--warn);font-size:10px;white-space:nowrap}.wrap{max-width:980px;margin:auto;padding:15px 14px 28px}.page{display:block;scroll-margin-top:76px}.page+.page{margin-top:24px}
.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 2px 8px}.kicker{font-size:11px;color:var(--gold2);font-weight:700;letter-spacing:.02em}.intro h1{font-size:24px;line-height:1.25;margin:4px 0 4px}.intro p{color:var(--muted);font-size:11px;line-height:1.55;margin:0;max-width:560px}.savepill{border:1px solid var(--line);background:var(--panel);padding:8px 10px;border-radius:999px;color:var(--muted);font-size:10px;white-space:nowrap}.summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:radial-gradient(circle at 100% 0,rgba(155,185,207,.08),transparent 44%),var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin:8px 0 18px}.summary .label{font-size:10px;color:var(--muted)}.summary .rec{display:flex;gap:8px;align-items:baseline;margin-top:4px}.summary .rec b{font-size:28px;color:var(--gold2)}.summary .rec span{font-size:12px;color:var(--muted)}.rateMini{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.rateMini span{font-size:10px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:5px 7px}.mock{font-size:9px;color:var(--warn);border:1px solid rgba(208,183,126,.28);background:rgba(208,183,126,.05);padding:6px 8px;border-radius:8px;text-align:center;max-width:100px}
.block{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px;margin:12px 0}.block.opp{border-color:#54493a}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.sectionTitle{display:flex;align-items:center;gap:9px}.step{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#302b21;border:1px solid #584d37;color:var(--gold2);font-size:12px;font-weight:800}.sectionHead h2{font-size:16px;margin:0}.sectionHead small{font-size:9px;color:var(--muted);text-align:right}.hint{font-size:10px;color:var(--muted);margin:7px 1px 0;line-height:1.5}
.partySwitch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 12px}.partySwitch label{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:10px;padding:10px 8px;text-align:center;font-size:12px;font-weight:700;cursor:pointer}.partyRadio{display:none}#p1:checked~.partySwitch label[for=p1],#p2:checked~.partySwitch label[for=p2],#p3:checked~.partySwitch label[for=p3]{border-color:#6d6043;background:#302b21;color:var(--gold2)}.partyPanel{display:none}#p1:checked~.partyPanels .p1,#p2:checked~.partyPanels .p2,#p3:checked~.partyPanels .p3{display:block}.partyMeta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 1px 9px}.partyMeta b{font-size:12px}.partyMeta span{font-size:9px;color:var(--muted)}
.units{display:grid;gap:8px}.unit{background:var(--panel3);border:1px solid var(--line2);border-radius:12px;overflow:hidden}.unitHead{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px}.slot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);font-size:11px;color:var(--muted);font-weight:800}.unitName{min-width:0}.unitName b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unitName span{display:block;font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editBadge{font-size:9px;color:var(--accent);border:1px solid rgba(155,185,207,.28);border-radius:8px;padding:6px 7px}.unit details{border-top:1px solid var(--line2)}.unit summary{list-style:none;padding:8px 10px;color:var(--muted);font-size:9px;cursor:pointer}.unit summary::-webkit-details-marker{display:none}.unit summary:before{content:'＋ ';color:var(--accent)}.unit details[open] summary:before{content:'− '}.editArea{padding:2px 10px 11px;display:grid;gap:8px}.field label{display:block;font-size:9px;color:var(--muted);margin:0 0 4px}.field select{width:100%;border:1px solid #41464f;background:var(--panel2);color:var(--text);border-radius:9px;padding:9px 10px;font:inherit;font-size:11px}.inheritRow{display:grid;grid-template-columns:1fr 68px;gap:7px}.subnote{font-size:8px;color:#828892;line-height:1.45}.miniTags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.miniTags span{font-size:8px;border:1px solid var(--line);background:#202329;border-radius:999px;padding:4px 6px;color:#c6c9ce}
.oppGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oppSlot{background:var(--panel3);border:1px solid var(--line2);border-radius:12px;padding:10px}.oppTop{display:flex;align-items:center;justify-content:space-between;gap:6px}.oppTop b{font-size:11px}.oppNo{font-size:9px;color:var(--gold2)}.oppSlot select{width:100%;margin-top:8px;border:1px solid #41464f;background:var(--panel2);color:var(--text);border-radius:8px;padding:9px 8px;font-size:10px}.oppBuild{margin-top:6px;font-size:8px;color:var(--muted)}
.runArea{text-align:center}.runButton{display:flex;width:100%;align-items:center;justify-content:center;border-radius:13px;padding:14px 16px;background:var(--gold2);color:#171717;font-size:14px;font-weight:850;text-decoration:none;border:0}.runSub{font-size:9px;color:var(--muted);margin-top:8px}.results{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;scroll-margin-top:90px}.recommend{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#202127;border:1px solid #464136;border-radius:12px;padding:10px 11px}.recommend span{font-size:9px;color:var(--muted)}.recommend b{font-size:19px;color:var(--gold2)}.resultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.resultCard{background:var(--panel3);border:1px solid var(--line2);border-radius:11px;padding:10px;text-align:center}.resultCard.best{border-color:#766744;background:#242219}.resultCard span{display:block;color:var(--muted);font-size:9px}.resultCard b{display:block;font-size:20px;margin-top:3px}.resultCard.best b{color:var(--gold2)}.resultNote{font-size:8px;color:var(--warn);line-height:1.5;margin:8px 2px 0}.storeRow{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.storeRow a{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:10px;color:var(--text);text-decoration:none;text-align:center;font-size:10px}.storeRow a.primaryMini{border-color:#66583f;color:var(--gold2);background:#2c281f}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:13px;margin-top:10px}.panel h3{font-size:13px;margin:0 0 10px}.statusline{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #292d34}.statusline:last-child{border-bottom:0}.statusline b{font-size:11px}.state{font-size:9px;border:1px solid var(--line);border-radius:999px;padding:5px 7px;color:var(--muted)}.state.ok{color:var(--ok);border-color:rgba(159,189,165,.35)}.state.warn{color:var(--warn);border-color:rgba(208,183,126,.35)}.note{margin:10px 1px 0;color:var(--muted);font-size:9px;line-height:1.6}.usage{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:8px 0}.usage b{font-size:11px}.usage strong{font-size:11px;color:var(--gold2)}.bar{grid-column:1/-1;height:5px;background:#25292f;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:#788e9e;border-radius:inherit}.footerNote{margin:18px 2px 0;color:#7e858e;font-size:8px;line-height:1.55}
.bottom{position:fixed;left:0;right:0;bottom:0;background:rgba(23,26,32,.98);backdrop-filter:blur(16px);border-top:1px solid #2b3039;padding:7px 8px max(8px,env(safe-area-inset-bottom));z-index:20}.nav{max-width:780px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav a{border:0;background:none;color:var(--muted);border-radius:11px;padding:7px 2px;font-size:9px;text-decoration:none;text-align:center}.nav a span{display:block;font-size:16px;line-height:1.1;margin-bottom:3px}.nav a:active,.nav a:focus{color:var(--accent);background:rgba(155,185,207,.10)}
@media(min-width:720px){.wrap{padding:22px}.oppGrid{grid-template-columns:repeat(4,1fr)}.units{grid-template-columns:1fr 1fr}.app{padding-bottom:30px}.bottom{position:sticky;top:0;max-width:780px;margin:14px auto;border:1px solid var(--line);border-radius:16px}.nav a{font-size:10px}}
@supports selector(main:has(.page:target)){main:has(.page:target) .page{display:none;margin-top:0}main:has(.page:target) .page:target{display:block}main:not(:has(.page:target)) #home{display:block}main:not(:has(.page:target)) .page:not(#home){display:none}body:has(#home:target) .nav a[href="#home"],body:not(:has(.page:target)) .nav a[href="#home"],body:has(#environment:target) .nav a[href="#environment"],body:has(#parties:target) .nav a[href="#parties"],body:has(#matchup:target) .nav a[href="#matchup"],body:has(#weakness:target) .nav a[href="#weakness"]{color:var(--accent);background:rgba(155,185,207,.07)}}

.runtimeOnly{display:block}.loading{position:fixed;inset:0;z-index:100;background:#111214;display:grid;place-items:center;color:#f4f3ef;font-size:15px}.loading.error{padding:24px;align-content:center}.loading pre{white-space:pre-wrap;font-size:11px;color:#b98f8f;max-width:760px}.partyTabs button{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:9px 13px;border-radius:9px;font:inherit;font-weight:700}.partyTabs button.active{border-color:#695b40;background:#2b261d;color:var(--gold2)}.partyTabs{display:flex;gap:8px;margin:10px 0 14px}.runtimeUnits{display:grid;gap:10px}.runtimeUnit{background:var(--panel3);border:1px solid var(--line2);border-radius:10px;overflow:hidden}.runtimeUnit summary{list-style:none;padding:12px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;cursor:pointer}.runtimeUnit summary::-webkit-details-marker{display:none}.runtimeUnit[open] summary{border-bottom:1px solid var(--line2)}.runtimeUnit .slot{width:28px;height:28px}.runtimeUnit .unitTitle{min-width:0}.runtimeUnit .unitTitle b{display:block;color:var(--gold2);font-size:14px}.runtimeUnit .unitTitle span{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runtimeUnit .editMark{font-size:11px;color:var(--accent);border:1px solid #42515e;border-radius:999px;padding:4px 7px}.runtimeEditor{padding:11px;display:grid;gap:10px}.runtimeEditor label{display:block;font-size:11px;color:var(--muted)}.runtimeEditor select{display:block;width:100%;margin-top:5px;background:var(--panel2);border:1px solid #41464f;color:var(--text);padding:11px 10px;border-radius:8px;font:inherit}.runtimeMeta{display:flex;gap:7px;flex-wrap:wrap}.runtimeMeta span,.catalogChip{font-size:10px;border:1px solid var(--line);background:#202329;color:var(--muted);padding:4px 7px;border-radius:999px}.runtimeMeta .ready,.catalogChip.ready{border-color:#415345;color:var(--ok)}.catalogGrid{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.catalogChip.pending{color:#b6aa92}.catalogSummary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.catalogSummary b{font-size:13px}.catalogSummary span{font-size:11px;color:var(--muted)}.resultArea{margin-top:12px}.resultEmpty,.resultError{border:1px dashed var(--line);border-radius:10px;padding:18px 12px;text-align:center;color:var(--muted);font-size:12px}.resultError{color:var(--bad)}.resultEmpty b,.resultError b{display:block;color:var(--text);font-size:14px;margin-bottom:4px}.runButtonReal{width:100%;border:1px solid #7a6847;background:linear-gradient(#b49a67,#9b8150);color:#16130f;border-radius:9px;padding:14px;font:inherit;font-size:15px;font-weight:800}.runButtonReal:disabled{opacity:.55}.saveRuntime{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.saveRuntime button,.saveRuntime label{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font:inherit;font-size:11px;border-radius:8px;padding:9px 10px}.saveRuntime input{display:none}.savedStatus{color:var(--ok)!important}.recommendReal{border:1px solid #66583f;background:#262219;border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:center}.recommendReal span{font-size:11px;color:var(--muted)}.recommendReal b{font-size:24px;color:var(--gold2)}.rateGridReal{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.rateCardReal{border:1px solid var(--line);background:var(--panel3);border-radius:9px;text-align:center;padding:10px 4px}.rateCardReal.best{border-color:#61745f;background:#1d241e}.rateCardReal span{display:block;font-size:11px;color:var(--muted)}.rateCardReal b{font-size:19px}.rateCardReal.best b{color:var(--ok)}.calcNoteReal{font-size:10px;color:var(--muted);margin:8px 2px 0}.masterWarn{margin-top:8px;font-size:10px;color:#b6aa92}.topRuntimeStatus{margin-left:auto;font-size:10px;color:var(--ok)}

/* v0.66 registration + two-stage species/build + inheritance slot editor */
.twoFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inheritHeader{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line2);padding-top:9px}.inheritHeader b{font-size:11px;color:var(--text)}.inheritHeader span{font-size:9px;color:var(--muted)}.inheritSlots{display:grid;gap:7px}.inheritSlot{display:grid!important;grid-template-columns:120px 1fr;gap:7px;align-items:center;background:#1d2025;border:1px solid var(--line2);border-radius:8px;padding:7px 8px}.inheritSlot>span{font-size:10px;color:var(--muted)}.inheritSlot>span b{display:inline-block;color:var(--gold2);min-width:28px}.inheritSlot select{margin:0!important}.inheritSlot small{grid-column:2;font-size:8px;color:#858b94;margin-top:-3px}.inheritEmpty{font-size:10px;color:var(--muted);border:1px dashed var(--line);padding:9px;border-radius:8px}.registrationPanel{margin-top:10px;border-top:1px solid var(--line2);padding-top:8px}.registrationPanel>summary{list-style:none;cursor:pointer;padding:7px 1px}.registrationPanel>summary::-webkit-details-marker{display:none}.registrationGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.registrationGrid label,.statEditor label{font-size:9px;color:var(--muted)}.registrationGrid select,.registrationGrid input,.statEditor input{display:block;width:100%;margin-top:4px;background:var(--panel2);border:1px solid #41464f;color:var(--text);border-radius:8px;padding:9px 8px;font:inherit;font-size:11px}.statEditor{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.statEditor label span{display:block}.statEditor input:disabled{opacity:.45}.registrationNote{font-size:9px;color:var(--muted);line-height:1.55;margin:9px 1px}.secondaryAction{width:100%;border:1px solid #66583f;background:#2b271f;color:var(--gold2);padding:10px;border-radius:9px;font:inherit;font-size:11px;font-weight:700}.registeredBuildList{display:grid;gap:6px;margin-top:10px}.registeredRow{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;border:1px solid var(--line2);background:var(--panel3);border-radius:9px;padding:8px}.registeredRow b{font-size:11px}.registeredRow span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.registeredRow>span.readyText{color:var(--ok);font-size:8px;margin:0}.registeredRow>span.draftText{color:var(--warn);font-size:8px;margin:0}.registeredRow button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:7px;padding:6px 7px;font-size:9px}.registrationEmpty{font-size:9px;color:var(--muted);padding:8px 1px}
@media(max-width:540px){.twoFields,.registrationGrid{grid-template-columns:1fr}.statEditor{grid-template-columns:repeat(2,1fr)}.inheritSlot{grid-template-columns:92px 1fr}}

/* v0.67 passive red/aqua inheritance orb editor */
.passiveOrbSlots{display:grid;gap:7px}.passiveOrbSlot{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:center;background:#1d2025;border:1px solid var(--line2);border-radius:8px;padding:8px}.passiveOrbLabel b{display:block;color:var(--gold2);font-size:10px}.passiveOrbLabel span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.passiveOrbControls{display:grid;grid-template-columns:1fr 58px;gap:6px}.passiveOrbControls select{margin:0!important}.passiveOrbSlot.locked{opacity:.72}.passiveOrbSlot.locked small{font-size:8px;color:var(--muted);line-height:1.4}.orbResearchNote{font-size:8px;color:#a9a18f;line-height:1.5;border-left:2px solid #66583f;padding-left:8px}.passiveOrbControls select:disabled{opacity:.45}.orbChangedTag{color:var(--warn)!important;border-color:rgba(208,183,126,.35)!important}
@media(max-width:540px){.passiveOrbSlot{grid-template-columns:1fr}.passiveOrbControls{grid-template-columns:1fr 54px}}

.needsBaseline{border-style:dashed}.needsBaseline small{display:block;color:#d0b77e;font-size:10px;line-height:1.45;margin-top:7px}.baselineClear{border:1px solid #4b5059;background:#22252b;color:#aeb4bd;border-radius:7px;padding:4px 6px;font-size:9px;margin-left:6px}

/* v0.69 E2E usability */
.runtimeUnit[open]{border-color:#5a6270;background:#1b1e23}
.runtimeUnit[open] .editMark{color:#c9ae74}
.editMark{white-space:nowrap}
.runControls{display:flex;gap:10px;align-items:end;justify-content:space-between;margin:0 0 12px}
.runControls label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#aeb4bd;min-width:170px}
.runControls select{background:#22252b;color:#f4f3ef;border:1px solid #41464f;border-radius:8px;padding:10px;font-size:14px}
.runControls>span{font-size:10px;color:#8f969f;text-align:right}
.resultCondition{margin:10px 0 0;padding:10px 12px;background:#15171a;border:1px solid #343942;border-radius:8px;display:flex;flex-direction:column;gap:3px}
.resultCondition b{font-size:10px;color:#c9ae74}.resultCondition span{font-size:11px;color:#d9d7d1;line-height:1.5}
@media(max-width:520px){.runControls{align-items:stretch;flex-direction:column}.runControls label{min-width:0}.runControls>span{text-align:left}}
/* v0.70 runtime reliability additions */
.runtimeHealth{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:9px 10px;border:1px solid var(--line,#343942);border-radius:9px;background:rgba(255,255,255,.02);font-size:11px;color:var(--muted,#aeb4bd)}
.runtimeHealth span{padding:4px 7px;border-radius:6px;background:#22252b;border:1px solid #343942}.runtimeHealth .healthOk{color:#b9d5be;border-color:#3f5b47}.runtimeHealth .healthWarn{color:#e2c88c;border-color:#695a37}.saveError{color:#e2c88c!important}.resultEmpty small{display:block;margin-top:8px;color:#858b94;font-size:11px}.conditionId{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;border:1px solid #343942;border-radius:8px;background:#181a1e}.conditionId span,.conditionId small{color:#9298a1;font-size:11px}.conditionId b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#c9ae74}.slotLayoutPreview{margin:12px 0;padding:10px;border:1px solid #343942;border-radius:9px;background:#181a1e}.slotLayoutPreview>b{display:block;font-size:12px;margin-bottom:8px;color:#d7d4cc}.slotLayoutPreview>div{display:flex;gap:6px;flex-wrap:wrap}.slotChip{font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px;border:1px solid #454a52;background:#25282d}.slotChip.orange{border-color:#87673e}.slotChip.green{border-color:#486a52}.slotChip.blue{border-color:#47647f}.slotChip.purple{border-color:#65527b}.slotChip.red{border-color:#7a4b4b}.slotChip.aqua{border-color:#466c71}.slotLayoutPreview.pending{color:#aeb4bd}

.conditionTrace{margin-top:10px;padding:10px 12px;border:1px solid #343942;border-radius:9px;background:#15171a}.conditionTrace b{display:block;font-size:12px;color:#c9ae74;margin-bottom:6px}.conditionTrace ul{margin:0;padding-left:18px;color:#d7d5ce;font-size:11px}.conditionTrace li{margin:3px 0}.conditionTrace small,.conditionTrace span{font-size:10px;color:#9ba1aa}.conditionTrace.unchanged b{color:#9fbda5}

.resultDelta{margin:10px 0;padding:12px;border:1px solid #4a4438;border-radius:10px;background:#191815}
.resultDelta>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.resultDelta>div:first-child span{font-size:10px;color:#9da3aa}
.deltaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.deltaGrid span{display:flex;justify-content:space-between;padding:7px 8px;background:#22201b;border-radius:7px}
.rateCardReal small{display:block;margin-top:4px;font-size:10px}.up{color:#9fc6a7!important}.down{color:#c79a9a!important}.flat{color:#aeb4bd!important}

.auditBuildBox{margin:12px 0;padding:12px;border:1px solid #66583f;border-radius:10px;background:#191815}.auditBuildHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.auditBuildHead b{font-size:12px;color:#e3dfd5}.auditBuildHead span{display:block;font-size:9px;color:#aeb4bd;margin-top:3px}.auditBadge{font-size:8px!important;color:#d7bc80!important;border:1px solid #66583f;border-radius:999px;padding:4px 6px;white-space:nowrap;margin:0!important}.auditPersonality{display:block;margin-top:10px;font-size:9px;color:#aeb4bd}.auditPersonality select,.branchField select{display:block;width:100%;margin-top:4px;background:#22252b;border:1px solid #41464f;color:#f4f3ef;border-radius:8px;padding:9px 8px;font-size:11px}.auditFixed{margin-top:10px}.auditFixed>b{display:block;font-size:10px;margin-bottom:6px}.auditSkill{display:inline-block;font-size:8px;padding:4px 6px;border-radius:999px;border:1px solid #41464f;margin:0 4px 4px 0}.auditSkill.formulaReady{color:#a8c9af;border-color:#48614e}.auditSkill.formulaPending{color:#d3bb84;border-color:#66583f}.branchGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.branchField{font-size:9px;color:#aeb4bd}.auditReadiness{margin:10px 0;padding:9px;border:1px solid #343942;border-radius:8px;background:#15171a}.auditReadiness>div:first-child{display:flex;justify-content:space-between;gap:8px}.auditReadiness b{font-size:10px}.auditReadiness span,.auditReadiness small{font-size:8px;color:#aeb4bd}.auditBlockers{margin-top:8px}.auditBlockers>b{color:#d3bb84}.auditBlockers ul{margin:5px 0 6px;padding-left:18px;font-size:8px;color:#aeb4bd}@media(max-width:540px){.branchGrid{grid-template-columns:1fr}}

/* v0.75 quality/personality controls */
.qualityPersonalityFields{margin-top:8px}.qualityNote{margin:7px 0 10px;padding:7px 9px;border-radius:7px;font-size:9px;line-height:1.45;background:#181a1e;border:1px solid #343942;color:#aeb4bd}.qualityNote.verified{border-color:#3f5b47;color:#b9cdbd}.qualityNote.unknown{border-color:#66583f;color:#d0b77e}.qualityPersonalityFields select:disabled{opacity:.45}.runtimeMeta span:nth-last-child(3){color:#c9ae74}

/* v0.79 audited exact materializer */
.auditBlockers.materializable{border-left:2px solid #48614e;padding-left:8px}.auditBlockers.materializable>b{color:#a8c9af}.auditReadiness details{margin-top:7px}.auditReadiness summary{font-size:9px;color:#aeb4bd;cursor:pointer}

/* v0.80 result Battle Input explainability */
.resultExplain{margin:10px 0;padding:12px;border:1px solid #3f4a55;border-radius:10px;background:#16191d}
.resultExplain>div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.resultExplain>div:first-child b{font-size:12px;color:#b9cad7}.resultExplain>div:first-child span{font-size:9px;color:#8f969f;text-align:right;max-width:330px;line-height:1.4}
.resultExplain ul{margin:9px 0 0;padding-left:18px;color:#d7d9dc;font-size:10px;line-height:1.5}.resultExplain li{margin:3px 0}
@media(max-width:540px){.resultExplain>div:first-child{flex-direction:column}.resultExplain>div:first-child span{text-align:left;max-width:none}}

.specQuestionsPanel{margin-top:10px;border:1px solid #343942;border-radius:12px;background:#17191d}.specQuestionsPanel summary{padding:11px 12px;cursor:pointer}.specQuestionList{padding:0 12px 12px;display:grid;gap:7px}.specQuestionRow{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:9px;background:#1d2025;border-radius:8px}.specQuestionRow div{display:grid;gap:3px}.specQuestionRow b{font-size:12px}.specQuestionRow span,.specQuestionRow small{font-size:10px;color:#aeb4bd;line-height:1.45}.specPriority{display:inline-flex;align-items:center;justify-content:center;height:22px;border-radius:6px;font-weight:700;font-size:9px!important}.specPriority.high{background:#4a2b2b;color:#e0b1b1}.specPriority.medium{background:#443b27;color:#dec88f}.specPriority.low{background:#273844;color:#a9cbdc}.resultWarnings{margin:10px 0;border:1px solid #514542;border-radius:10px;background:#1b1717}.resultWarnings summary{padding:10px 12px;font-size:11px;font-weight:700;cursor:pointer}.resultWarnings ul{margin:0;padding:0 26px 10px;font-size:10px;color:#d5c4c1}.resultWarnings li{margin:4px 0}.resultWarnings small{display:block;padding:0 12px 10px;color:#a99b98}


/* v0.89 auxiliary production tabs — preserve approved shell/colors */
.auxHero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center}
.auxHero h3,.partyDetail h3,.weaknessCard h3{margin:0}
.auxHero p{margin:6px 0 0;color:var(--muted);line-height:1.55}
.auxActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.auxActions button{min-height:40px}
.auxActions .quiet{background:transparent;border:1px solid var(--line);color:var(--muted)}
.auxMetric{min-width:82px;text-align:center;border-left:1px solid var(--line);padding-left:16px}
.auxMetric b{display:block;font-size:28px}.auxMetric span{font-size:11px;color:var(--muted)}
.auxList{display:grid;gap:8px}
.auxList details{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden}
.auxList summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}
.auxList summary strong{font-size:16px}.auxList summary span{color:var(--muted);font-size:12px}
.hiddenBuildList{border-top:1px solid var(--line);padding:8px 14px}
.hiddenBuildList>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:7px 0;font-size:12px}
.hiddenBuildList small{color:var(--muted)}
.auxTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.auxTitle strong{font-size:18px}
.auxUnits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.auxUnit{display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.auxUnit>div{display:flex;justify-content:space-between;gap:10px}.auxUnit span,.auxUnit small{color:var(--muted);font-size:11px}
.auxRateGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.auxRateGrid>div{display:flex;align-items:baseline;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:10px}
.auxRateGrid .best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.auxRateGrid b{font-size:20px}
.weakRows{display:grid;gap:8px}.weakRows>div{display:grid;grid-template-columns:64px 1fr;gap:10px;line-height:1.5}.weakRows b{color:var(--muted)}
@media(max-width:700px){
  .auxHero{grid-template-columns:1fr}.auxActions{justify-content:flex-start}.auxMetric{border-left:0;border-top:1px solid var(--line);padding:10px 0 0;text-align:left}
  .auxMetric b,.auxMetric span{display:inline;margin-right:8px}.auxUnits{grid-template-columns:1fr}
  .auxList summary{grid-template-columns:minmax(0,1fr) auto}.auxList summary span{grid-column:2}
}


/* v0.94 自己成長 */
.growthBox{border:1px solid var(--line);border-radius:10px;padding:12px;background:rgba(255,255,255,.025);display:grid;gap:10px}
.growthMode{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}
.growthMode>span{font-weight:700}
.growthRanks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.growthRanks label{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:8px}
.growthRanks span{font-size:12px}.growthRanks small,.growthBox>small{color:var(--muted);font-size:11px;line-height:1.5}
.growthAverage{display:flex;flex-wrap:wrap;gap:6px}.growthAverage span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted)}
@media(max-width:700px){.growthRanks{grid-template-columns:1fr}.growthMode{grid-template-columns:1fr}}

/* v1.00: base-build selector is secondary/advanced */
.singleField{display:grid;grid-template-columns:1fr;gap:10px}
.buildAdvanced{border:1px solid var(--line);border-radius:10px;padding:0 12px;background:rgba(255,255,255,.018)}
.buildAdvanced>summary{cursor:pointer;padding:11px 0;font-size:12px;color:var(--muted);font-weight:700}
.buildAdvanced[open]>summary{color:var(--text)}
.buildAdvanced label{display:grid;gap:6px;padding:0 0 8px}
.buildAdvanced small{display:block;color:var(--muted);font-size:11px;line-height:1.5;padding-bottom:11px}

/* v1.03 library UI */
.homeCompact{margin:14px 16px 4px;padding:8px 2px;display:flex;justify-content:space-between;align-items:end;gap:10px}
.homeCompact h1{margin:2px 0 0;font-size:24px;line-height:1.2}.homeSavedHint{font-size:11px;color:var(--muted)}
.homeModeTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 16px 12px;position:sticky;top:76px;z-index:9;background:var(--bg);padding:4px 0}
.homeModeTabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 5px;border-radius:10px;font-weight:800}.homeModeTabs button.active{background:var(--gold);border-color:var(--gold);color:#111}
.libraryHidden{display:none!important}.librarySaveButton,.libraryPrimary{width:100%;border:1px solid #586273;background:#242b34;color:var(--text);border-radius:10px;padding:11px 12px;margin-top:12px;font-weight:800}.libraryPrimary{background:var(--gold);border-color:var(--gold);color:#111;margin:7px 0 11px}
.libraryToolbar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.libraryToolbar input{min-width:0;flex:1;background:#10151b;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px}.libraryToolbar span{font-size:11px;color:var(--muted);white-space:nowrap}
.librarySpecies{border:1px solid var(--line);border-radius:12px;background:#151a20;margin:8px 0;overflow:hidden}.librarySpecies>summary{display:flex;justify-content:space-between;padding:12px;cursor:pointer}.librarySpecies>summary span{font-size:11px;color:var(--muted)}
.libraryBuildCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-top:1px solid var(--line);padding:11px 12px}.libraryBuildCard>div:first-child{min-width:0}.libraryBuildCard b{display:block;font-size:14px}.libraryBuildCard span{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.libraryCardActions{display:flex;gap:5px;align-items:center}.libraryCardActions button,.partyLibraryActions button{border:1px solid #4a5462;background:#252b34;color:var(--text);border-radius:8px;padding:8px 9px}
.dangerGhost{color:#d9a2a0!important;border-color:#6a4444!important;background:#271c1d!important}.libraryEmpty{border:1px dashed #454e5a;border-radius:11px;padding:20px;text-align:center;color:var(--muted);font-size:12px}
.librarySideTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.librarySideTabs button{background:#151a20;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px;font-weight:800}.librarySideTabs button.active{background:var(--gold);border-color:var(--gold);color:#111}
.partyLibraryCard,.threePartyCard{border:1px solid var(--line);background:#151a20;border-radius:12px;padding:11px;margin:9px 0}.partyLibraryHead{display:flex;justify-content:space-between;gap:8px;align-items:center}.partyLibraryHead small,.partyLibraryHead span{color:var(--muted);font-size:10px}
.partyMemberGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0}.partyMemberGrid span{background:#222831;border-radius:8px;padding:9px 3px;text-align:center;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.partyLibraryActions{display:grid;grid-template-columns:1fr auto;gap:6px}.partyLibraryActions button:first-child{background:var(--gold);border-color:var(--gold);color:#111;font-weight:900}
.threePartyLibrary{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.threePartyLibrary>summary{display:flex;justify-content:space-between;cursor:pointer;padding:8px 2px}.threePartyLibrary>summary span{color:var(--muted);font-size:11px}.threePartyRow{display:grid;grid-template-columns:28px 1fr;gap:5px;align-items:center}.threePartyRow strong{color:var(--gold);font-size:11px}.threePartyRow .partyMemberGrid{margin:4px 0}
.deleteConfirmDialog{border:1px solid #515a66;border-radius:14px;background:#171b21;color:var(--text);padding:0;max-width:360px;width:calc(100% - 36px)}.deleteConfirmDialog::backdrop{background:#000a}.deleteConfirmBody{padding:18px}.deleteConfirmBody b{font-size:18px}.deleteConfirmBody p{color:#c0c5cc;line-height:1.6;font-size:13px}.deleteConfirmBody>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.deleteConfirmBody button{padding:11px;border-radius:9px;border:1px solid #4b5562;background:#242b34;color:white}.deleteConfirmBody .dangerAction{background:#9e3d36;border-color:#9e3d36;font-weight:900}
@media(max-width:540px){.homeModeTabs{top:72px}.libraryBuildCard{grid-template-columns:1fr}.libraryCardActions{justify-content:flex-end}.partyMemberGrid span{font-size:10px;padding:8px 2px}}

/* v1.04 registration/quick-manage/reliability */
.registrationSteps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;background:#12171d;color:var(--muted);font-size:11px}
.registrationSteps b{color:var(--text);font-size:12px}.registrationSavePrimary{width:100%;padding:14px 16px;margin-top:14px;border:0;border-radius:11px;background:var(--gold);color:#111;font-size:16px;font-weight:900}.registrationAfterHint{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 2px 2px}
.speciesAddBuild{width:calc(100% - 20px);margin:8px 10px 4px;padding:9px 10px;border:1px dashed #596473;border-radius:9px;background:#1b222a;color:#d6d9dd;font-weight:800;text-align:left}
.libraryCardActions{flex-wrap:wrap}.libraryCardActions button{min-width:54px}
.battleQuickActions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 12px}.battleQuickActions button{border:1px solid #46505d;background:#20262f;color:#d4d8de;border-radius:9px;padding:9px 5px;font-size:11px;font-weight:800}.battleQuickActions button:first-child{border-color:#8b794e;color:#dfc68d}
.reliabilityAlert,.reliabilityOk{border-radius:12px;padding:12px 14px;margin-bottom:12px;display:grid;gap:4px}.reliabilityAlert{border:1px solid #87564f;background:#241a1a}.reliabilityOk{border:1px solid #3f6649;background:#172119}.reliabilityAlert b{color:#e0a59e}.reliabilityOk b{color:#9ac8a4}.reliabilityAlert span,.reliabilityOk span{font-size:11px;line-height:1.6;color:#b9bec5}
@media(max-width:540px){.battleQuickActions{grid-template-columns:1fr 1fr 1fr}.battleQuickActions button{font-size:10px;padding:9px 3px}}

.librarySpeciesEmpty{padding:9px 12px 12px;color:var(--muted);font-size:11px}

/* v1.15.8 Environment reference + master TIPS */
.auxSubTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px}.auxSubTabs button{border:1px solid var(--line);background:#171c22;color:var(--muted);border-radius:10px;padding:10px 6px;font-size:11px;font-weight:900}.auxSubTabs button.active{background:var(--gold);border-color:var(--gold);color:#111}.referencePanel{overflow:hidden}.referencePanel .auxTitle>div small{display:block;margin-top:3px;color:var(--muted)}.referenceBadge{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4c6474;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;color:#b8d1df;background:#17212a;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referenceBadge.pending{border-color:#735f36;color:#dfc681;background:#241f15}.referenceNote{margin:8px 0 12px;color:var(--muted);font-size:11px;line-height:1.65}.referenceSpeciesTabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}.referenceSpeciesTabs button{flex:0 0 auto;border:1px solid var(--line);background:#171c22;color:#c6cbd1;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.referenceSpeciesTabs button.active{border-color:var(--accent);color:#dbe9f1;background:#1d2b35}.leadImageFrame{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:auto;max-height:68vh}.leadImageFrame img{display:block;width:100%;height:auto;min-width:680px}.referenceMissing{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.referenceMissing summary{cursor:pointer;color:var(--muted);font-size:11px}.referenceMissing ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.6}.referenceRoadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.referenceRoadmap>div{border:1px solid var(--line);border-radius:10px;padding:11px;background:rgba(255,255,255,.025)}.referenceRoadmap b{display:block;color:var(--gold);font-size:11px;margin-bottom:5px}.referenceRoadmap span{display:block;color:var(--muted);font-size:10px;line-height:1.5}
.tipsPanel h4{margin:14px 0 7px;font-size:12px;color:#d9d7d1}.tipsTableWrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.tipsTable{border-collapse:collapse;width:100%;min-width:680px;font-size:10px}.tipsTable th,.tipsTable td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.tipsTable thead th{background:#20262d;color:#aeb6bf;position:sticky;top:0}.tipsTable tbody th{text-align:left;color:#f0eee8}.tipsSpeciesSelect{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center;color:var(--muted);font-size:11px}.tipsSpeciesSelect select{background:#151a20;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px}.tipsMasterGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.tipsMasterGrid>div{border:1px solid var(--line);border-radius:10px;padding:11px;background:rgba(255,255,255,.02)}.tipsSkillRow{display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.tipsSkillRow>b{color:var(--gold);font-size:10px}.tipsSkillRow>span{font-size:11px;line-height:1.65}.tipsSkillRow small{color:var(--muted);font-size:9px}.tipsSkillRow em{font-style:normal;color:#5f6873;margin:0 3px}.tipsTrait{display:flex;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#151a20}.tipsTrait b{font-size:11px}.tipsTrait span{font-size:9px;color:var(--muted)}.tipsChips{display:flex;flex-wrap:wrap;gap:6px}.tipsChips span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:#c9ced4;font-size:9px;background:#171c22}.tipsResist{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
@media(max-width:700px){.auxSubTabs{grid-template-columns:1fr 1fr}.auxSubTabs button{font-size:10px;padding:9px 3px}.leadImageFrame img{min-width:760px}.referenceRoadmap{grid-template-columns:1fr}.tipsMasterGrid{grid-template-columns:1fr}.tipsSpeciesSelect{grid-template-columns:1fr}.referenceBadge{max-width:130px}}
.rankingSubTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0}.rankingSubTabs button{border:1px solid var(--line);background:#171c22;color:var(--muted);border-radius:9px;padding:8px 4px;font-size:10px;font-weight:900}.rankingSubTabs button.active{background:#23323c;color:#e6eef3;border-color:#597586}.simRankList{display:grid;gap:6px}.simRankRow{display:grid;grid-template-columns:30px minmax(0,1fr) 56px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px;background:rgba(255,255,255,.02)}.simRankNo{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#242a31;color:var(--gold);font-size:11px}.simRankMain{min-width:0}.simRankMain strong{display:block;font-size:12px}.simRankMain span{display:block;color:#c1c7cd;font-size:10px;margin-top:2px}.simRankMain small{display:block;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.simRankScore{text-align:right;color:#83dab8;font-size:12px}.rankingMethod{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.rankingMethod summary{cursor:pointer;color:#c8cdd2;font-size:10px;font-weight:800}.rankingMethod p,.rankingMethod li{font-size:9px;color:var(--muted);line-height:1.6}.regressionGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.regressionGrid>div{border:1px solid var(--line);border-radius:8px;padding:7px;background:#151a20}.regressionGrid b,.regressionGrid span{display:block;font-size:9px}.regressionGrid span{color:#83dab8;margin-top:3px}.personalityRankGrid{display:grid;gap:6px;margin-top:10px}.personalityRankGrid>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px;background:rgba(255,255,255,.02)}.personalityRankGrid b{font-size:10px}.personalityRankGrid span{font-size:9px;color:#c9cfd5}.personalityRankGrid small{grid-column:1/-1;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.rankingSubTabs{grid-template-columns:repeat(2,1fr)}.regressionGrid{grid-template-columns:1fr}.personalityRankGrid>div{grid-template-columns:minmax(0,1fr) auto auto}}
.currentBonusSummary{margin:0 0 10px;padding:10px 12px;border:1px solid #4a4434;border-radius:10px;background:#211f19;display:grid;gap:5px}.currentBonusSummary b{font-size:11px;color:#d9bd78}.currentBonusSummary span{font-size:10px;line-height:1.55;color:#e5e0d5}.currentBonusSummary small{font-size:9px;line-height:1.5;color:#a9a59b}.simRankDelta{display:block;margin-top:4px;font-style:normal;font-size:9px;font-weight:700}.simRankDelta.up{color:#9fd7b3}.simRankDelta.down{color:#e6aa9e}.simRankDelta.flat{color:#aaa}.rankingBlocked{margin-top:10px;padding:10px 12px;border:1px dashed #665a40;border-radius:10px;background:#211f19;display:grid;gap:4px}.rankingBlocked b{font-size:11px;color:#d9bd78}.rankingBlocked span{font-size:9px;line-height:1.55;color:#aaa}

/* v1.15.24 Ranking v4 accuracy baseline */
.rankingRoleCompare{margin-top:16px;padding-top:8px;border-top:1px solid var(--line)}
.rankingRoleCompare>h3{margin:8px 0;color:var(--gold)}
.rankingCompareBlock{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015)}
.rankingCompareBlock h4{margin:0 0 4px;font-size:14px}
.rankingHoldIntro{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px}
.rankingBlocked small{display:block;margin-top:5px;opacity:.75}


/* v1.15.25 accuracy gaps / provisional inheritance / visual position / wall ranking */
.positionUiNotice{margin:0 0 10px;padding:9px 11px;border:1px dashed #53616e;border-radius:10px;color:#aeb8c2;font-size:10px;line-height:1.55;background:#151b21}
.positionDragHandle{border:1px solid #52606c;background:#1c242c;color:#cbd4dc;border-radius:8px;padding:6px 7px;font-size:9px;font-weight:900;white-space:nowrap}
.runtimeUnit.positionPicked{outline:2px solid var(--gold);outline-offset:2px}.runtimeUnit[draggable="true"]{cursor:grab}.runtimeUnit[draggable="true"]:active{cursor:grabbing}
.accuracyMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.accuracyMetricGrid>div{padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:#151a20}.accuracyMetricGrid b{display:block;color:var(--gold);font-size:15px}.accuracyMetricGrid span{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}
.unresolvedPanel details{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.unresolvedPanel summary{cursor:pointer;color:#d4d7da;font-size:11px;font-weight:900}.unresolvedList{display:grid;gap:6px;margin-top:8px}.unresolvedRow{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(120px,.8fr) 1.8fr;gap:8px;padding:8px;border:1px solid #5b4f3a;border-radius:9px;background:#211d16}.unresolvedRow.partial{border-color:#4a5662;background:#181e24}.unresolvedRow b{font-size:10px;color:#e2c77e}.unresolvedRow span,.unresolvedRow small,.unresolvedRow em{font-size:9px;line-height:1.5}.unresolvedRow small{color:#aeb3b8}.unresolvedRow em{grid-column:1/-1;color:#cfb774;font-style:normal}.referenceBadge.warn{border-color:#806336;color:#e0bd70;background:#241e13}
@media(max-width:700px){.accuracyMetricGrid{grid-template-columns:1fr 1fr}.unresolvedRow{grid-template-columns:1fr}.unresolvedRow em{grid-column:auto}.rankingSubTabs{grid-template-columns:repeat(3,1fr)}}

/* v1.15.26: iPhone-first explicit position controls */
.runtimeUnitShell{margin:0 0 10px}.positionControlBar{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 8px 4px;padding:0 2px;background:transparent}.positionLabel{font-size:10px;font-weight:800;color:var(--muted);margin-right:auto}.positionDragHandle{min-height:28px;border:1px solid #46525d;background:transparent;color:#aeb9c3;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;white-space:nowrap}.positionPickedShell .positionDragHandle{border-color:var(--gold);color:var(--gold);background:#262219}
@media(max-width:600px){.positionControlBar{margin:0 4px 4px}.positionDragHandle{font-size:10px;padding:4px 9px}.positionUiNotice{font-size:11px}}

/* v1.15.28 exact Nana synchronization */
.exactSyncButton{border-color:#b99754!important;background:rgba(185,151,84,.12)!important;color:#e3c785!important;font-weight:700}.exactSyncButton.synced{background:rgba(96,150,108,.16)!important;border-color:#668e70!important;color:#b8d8bf!important}.exactSyncNote{display:block;flex-basis:100%;margin-top:4px;color:#b8c0cb;font-size:12px;line-height:1.5}

/* v1.15.35 public attacker ranking / Lead S9 TIPS */
.rankingSubTabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.rankingSubTabs button.active{border-color:#d7b36a}.attackerRankRow{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.attackerRankRow small{display:block;opacity:.74}.leadS9Top100{width:100%;height:auto;border-radius:10px;background:#fff}.leadReferenceImages img{width:100%;height:auto;border-radius:8px;background:#fff;margin-top:8px}

/* v1.15.37 structured environment forecast */
.environmentForecastHero{border-color:#655537;background:linear-gradient(135deg,rgba(215,179,106,.08),rgba(255,255,255,.015))}.forecastSourceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.forecastSourceGrid>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#151a20}.forecastSourceGrid b{display:block;color:var(--gold);font-size:17px}.forecastSourceGrid span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.envRankBands{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}.envRankBands button{flex:0 0 auto;border:1px solid var(--line);background:#171c22;color:#c6cbd1;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.envRankBands button.active{border-color:var(--gold);background:#2a2418;color:#f2d28f}.envBandSummary{margin:0 0 10px}.envBandSummary span b{color:#eee}.environmentPartyTableWrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.environmentPartyTable{border-collapse:collapse;width:100%;min-width:720px;font-size:10px}.environmentPartyTable th,.environmentPartyTable td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.environmentPartyTable thead th{background:#20262d;color:#aeb6bf;position:sticky;top:0}.environmentPartyTable tbody th{color:var(--gold);width:46px;text-align:center}.envPos{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#252d35;color:#aeb6bf;font-size:8px;margin-right:5px}.environmentFrequencyList,.environmentComboList{display:grid;gap:0}.envFreqRow{display:grid;grid-template-columns:28px minmax(0,1fr) 58px 42px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.envFreqRow>b{color:var(--gold);text-align:center}.envFreqRow>span{font-weight:800}.envFreqRow>strong{font-size:10px;text-align:right}.envFreqRow>em{font-style:normal;color:#9fc4d8;text-align:right}.envComboRow{display:grid;grid-template-columns:28px minmax(0,1fr) 55px 58px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.envComboRow>b{color:var(--gold);text-align:center}.envComboRow>span{font-size:10px}.envComboRow>strong,.envComboRow>small{text-align:right}.envComboRow>small{color:var(--muted)}.envCsvLink{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#c9d6df;text-decoration:none;font-size:9px;font-weight:900}.forecastNext{border-style:dashed}@media(max-width:700px){.forecastSourceGrid{grid-template-columns:1fr 1fr 1fr}.forecastSourceGrid b{font-size:14px}.envFreqRow{grid-template-columns:24px minmax(0,1fr) 52px 38px}.envComboRow{grid-template-columns:24px minmax(0,1fr) 48px}.envComboRow small{display:none}}
.envMonsterAbbr{ text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.22); cursor:help; white-space:nowrap; }

/* v1.15.49 neutral native-only precision ranking */
.simTierLabel{margin:12px 0 2px;padding:4px 8px;border-radius:7px;background:#20262d;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.04em}.simTierLabel:first-child{margin-top:2px}.referencePanel .attackerRankRow strong{font-size:12px}.referencePanel .attackerRankRow small{line-height:1.55}

/* v1.15.61 accepted detailed type ranking */
.detailedRankRow{align-items:start}.detailedRankRow>div{min-width:0}.detailedRankRow strong{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rankTypeBadge{font-style:normal;font-size:9px;font-weight:800;color:#d7b36a;border:1px solid rgba(215,179,106,.35);border-radius:999px;padding:2px 6px;background:rgba(215,179,106,.08)}.topTenRank{background:rgba(255,255,255,.015)}.personalityTop3Inline{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;align-items:center}.personalityTop3Inline b{font-size:9px;color:#d7b36a}.personalityTop3Inline span{font-size:9px;color:#cfd7dd;border-radius:7px;background:#171c22;padding:3px 6px}.wallPersonalityFull{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:7px}.wallPersonalityFull b{grid-column:1/-1;font-size:9px;color:#d7b36a}.wallPersonalityFull span{font-size:8px;color:#cfd7dd;background:#171c22;border-radius:6px;padding:4px 6px}.referencePanel .detailedRankRow>div>small{white-space:normal;overflow:visible;text-overflow:clip}.envRankBands{display:flex;gap:6px;flex-wrap:wrap}.envRankBands button{min-width:56px}@media(max-width:700px){.attackerRankRow.detailedRankRow{grid-template-columns:28px minmax(0,1fr) 58px;gap:7px}.wallPersonalityFull{grid-template-columns:1fr}.personalityTop3Inline{display:grid;grid-template-columns:1fr}.personalityTop3Inline b{grid-column:1}}
.rankingReportLink{margin:8px 0}.rankingReportLink a{display:inline-flex;align-items:center;border:1px solid rgba(215,179,106,.4);border-radius:8px;padding:7px 10px;color:#e2c47f;text-decoration:none;font-size:10px;font-weight:900;background:rgba(215,179,106,.08)}
/* v1.16.25 runtime/navigation safety */
.routeHidden{display:none!important}
.bottom .nav a.activeRoute{color:var(--accent);background:rgba(155,185,207,.07)}
.envPresetQuick{grid-column:1/-1;display:grid;gap:5px;border:1px solid #4b5666;border-radius:12px;padding:10px 12px;background:#171b21;color:var(--text)}
.envPresetQuick span{font-weight:800;color:var(--gold2)}
.envPresetQuick select{width:100%;background:#0f1115;color:var(--text);border:1px solid #586273;border-radius:9px;padding:9px}
.envPresetQuick small{color:var(--muted);line-height:1.45}
.runtimePresetBanner{display:grid;gap:4px;border:1px solid rgba(208,183,126,.45);background:rgba(208,183,126,.07);border-radius:12px;padding:11px 13px;margin-bottom:10px}
.runtimePresetBanner b{color:var(--gold2)}.runtimePresetBanner span{font-size:13px}.runtimePresetBanner small{color:var(--muted);line-height:1.45}
.runtimePresetBanner.manual{border-color:#46505f;background:#171b21}
.resultModeBadge{border:1px solid #4b5666;background:#151920;border-radius:10px;padding:10px 12px;margin-bottom:10px;color:var(--muted);font-size:12px;line-height:1.55}
.resultModeBadge b{color:var(--text)}
.runtimeReference{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;font-size:11px;color:var(--muted)}.runtimeReference b{color:var(--text)}

/* v1.16.26 single-matchup result */
.singleRateReal{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:22px 24px;border:1px solid #5e563e;border-radius:18px;background:#181713}.singleRateReal span{color:#c7c1af;font-weight:700}.singleRateReal b{font-size:clamp(38px,8vw,58px);line-height:1;color:#d2b66f}.singleRateReal small{font-size:16px;font-weight:800}.deltaGrid.single{grid-template-columns:1fr}.deltaGrid.single span{max-width:100%}
/* v1.16.42 environment profile integration */
.environmentProfileSwitch{border-color:rgba(125,211,252,.28)}
.profileScenarioRow{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.profileScenarioRow>b{display:block;margin-bottom:8px;font-size:12px;color:var(--muted,#9ca3af)}
.environmentProfileSwitch .envRankBands{display:flex;gap:8px;flex-wrap:wrap}
.reliabilityWarn{margin:0 0 12px;padding:12px;border:1px solid rgba(251,191,36,.28);border-radius:12px;background:rgba(251,191,36,.06);display:grid;gap:4px}
.reliabilityWarn span{font-size:12px;line-height:1.55;opacity:.85}
@media(max-width:640px){.environmentProfileSwitch .envRankBands button{flex:1 1 auto}.forecastSourceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* WIP25 mobile Auto PT layout hardening */
.threePartyRow{
  grid-template-columns:64px minmax(0,1fr);
  column-gap:10px;
  row-gap:4px;
  align-items:start;
}
.threePartyRow>strong{
  grid-column:1;
  grid-row:1 / span 2;
  min-width:0;
  white-space:normal;
  overflow-wrap:normal;
  word-break:keep-all;
  line-height:1.4;
  padding-top:2px;
}
.threePartyRow>span{
  grid-column:2;
  min-width:0;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.threePartyRow>small{
  grid-column:2;
  display:block;
  min-width:0;
  color:var(--muted);
  line-height:1.55;
  overflow-wrap:anywhere;
}
.partyLibraryHead{
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
}
.partyLibraryHead>b{margin-right:auto}
.partyLibraryHead .referenceBadge{max-width:100%}
.threePartyCard{min-width:0;overflow:hidden}
@media(max-width:540px){
  .threePartyRow{grid-template-columns:54px minmax(0,1fr);column-gap:8px}
  .threePartyRow>strong{font-size:10px}
  .threePartyRow>span{font-size:13px;line-height:1.55}
  .threePartyRow>small{font-size:10px;line-height:1.55}
  .partyLibraryHead{gap:6px}
  .partyLibraryHead>b{font-size:18px}
  .partyLibraryActions{grid-template-columns:1fr}
  .partyLibraryActions button{width:100%}
}

/* WIP28 Damage Validation Lab */
.damageLabPanel{display:flex;flex-direction:column;gap:14px}.damageLabPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.damageLabPair label,.damageLabSkill label,.damageLabBox label,.damageLabAdvanced label,.damageFanCompare label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#9fb0c3}.damageLabPair select,.damageLabSkill select,.damageLabBox input,.damageLabBox select,.damageLabAdvanced input,.damageFanCompare input{width:100%;min-height:42px;border:1px solid #33465b;border-radius:10px;background:#101820;color:#eef5fb;padding:8px 10px}.damageLabSkill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.damageLabSkill>span{padding:10px 12px;border-radius:10px;background:#162332;color:#9fc9ef}.damageLabGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.damageLabBox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #26394d;border-radius:14px;background:#0e151d}.damageLabBox h4{grid-column:1/-1;margin:0 0 2px;color:#eaf4ff}.damageLabCheck{justify-content:flex-end}.damageLabCheck input{width:auto;min-height:auto}.damageLabAdvanced{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.damageLabAdvanced button,.damageFanCompare button{min-height:42px;border:1px solid #3c5872;border-radius:10px;background:#17283a;color:#dcecff;padding:8px 12px}.damageResultHero{display:grid;grid-template-columns:1fr 1fr;gap:10px}.damageResultHero>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#14283c,#101a24);border:1px solid #2c4964}.damageResultHero small{color:#91a9be}.damageResultHero b{font-size:30px;line-height:1;color:#fff}.damageResultHero span{font-size:12px;color:#b7c7d5}.damageBreakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.damageBreakdown span{padding:8px 10px;border-radius:9px;background:#111e2b;border:1px solid #26394d;color:#b8cbe0;font-size:12px}.damageFanCompare{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:4px}.damageLabOk,.damageLabWarn,.damageLabBad,.damageLabNeutral{display:inline-flex!important;width:max-content;padding:3px 8px;border-radius:999px;font-weight:700}.damageLabOk{background:#123d2b;color:#9ff0bd!important}.damageLabWarn{background:#463815;color:#ffe28b!important}.damageLabBad{background:#4c2024;color:#ffb0b8!important}.damageLabNeutral{background:#27313a;color:#b9c6d1!important}.damageLabError{padding:12px;border:1px solid #6d3540;background:#371a20;color:#ffc2c8;border-radius:12px}.damageRegistry{border-top:1px solid #26394d;padding-top:10px}.damageRegistry summary{cursor:pointer;color:#bed3e6}.damageRegistryList{display:flex;flex-direction:column;gap:8px;margin-top:10px}.damageRegistryRow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid #293b4e;border-radius:10px;background:#0e151d}.damageRegistryRow>div{display:flex;flex-direction:column;gap:3px}.damageRegistryRow span,.damageRegistryRow small{color:#94a8ba;font-size:12px}.damageRegistryEmpty{padding:12px;color:#8296a8}.bottom .nav{grid-template-columns:repeat(5,1fr)}
@media(max-width:720px){.damageLabPair,.damageLabGrid,.damageResultHero{grid-template-columns:1fr}.damageLabBox{grid-template-columns:1fr 1fr}.damageBreakdown{grid-template-columns:1fr 1fr}.damageFanCompare{grid-template-columns:1fr}.damageLabSkill{grid-template-columns:1fr}.damageLabAdvanced{grid-template-columns:1fr}.damageLabResultHero b{font-size:26px}}
@media(max-width:430px){.damageLabBox{grid-template-columns:1fr}.damageBreakdown{grid-template-columns:1fr}}
/* WIP29 Damage Lab orb quick editor */
.damageOrbPanel{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #2f4961;border-radius:14px;background:#0d1721}.damageOrbHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.damageOrbHead h4{margin:0;color:#eaf4ff}.damageOrbHead small{color:#8fa7ba}.damageOrbGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.damageOrbCard{display:flex;flex-direction:column;gap:9px;padding:11px;border:1px solid #263b50;border-radius:12px;background:#101b26}.damageOrbTitle{display:flex;justify-content:space-between;gap:8px;align-items:center}.damageOrbTitle b{color:#eef6ff}.damageOrbTitle select,.damageOrbSlots select{min-height:36px;border:1px solid #39546d;border-radius:9px;background:#101820;color:#edf6ff;padding:6px 8px}.damageOrbCurrent{display:flex;flex-direction:column;gap:3px;padding:9px;border-radius:10px;background:#142536}.damageOrbCurrent span,.damageOrbCurrent small{color:#9db2c4;font-size:11px}.damageOrbCurrent strong{color:#fff;font-size:14px}.damageOrbSlots{display:grid;grid-template-columns:auto repeat(3,minmax(78px,1fr)) auto;gap:6px;align-items:center}.damageOrbSlots>span{font-size:11px;color:#a7bbcc}.damageOrbSlots>b{font-size:12px;color:#b9dcff;white-space:nowrap}.damageOrbSub{display:flex;flex-direction:column;gap:5px}.damageOrbSub>span{font-size:11px;color:#9db2c4}.damageOrbCard p{margin:0;color:#7f95a7;font-size:10px;line-height:1.45}.damageOrbSlots.isDisabled,.damageOrbSub.isDisabled{opacity:.45;pointer-events:none}.damageOrbDelta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid #35678d;border-radius:11px;background:#10263a;color:#bad1e3}.damageOrbDelta b{color:#fff;font-size:18px}.damageOrbDelta em{font-style:normal;font-weight:700;color:#8ed7ff;padding:3px 8px;background:#123a55;border-radius:999px}
@media(max-width:720px){.damageOrbGrid{grid-template-columns:1fr}.damageOrbSlots{grid-template-columns:1fr 1fr 1fr}.damageOrbSlots>span,.damageOrbSlots>b{grid-column:1/-1}.damageOrbTitle{align-items:flex-start;flex-direction:column}.damageOrbTitle select{width:100%}}
/* WIP30 Fan-style exact inheritance / growth editor */
.damageFanBuildPanel{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #35536e;border-radius:14px;background:#0c1620}
.damageFanBuildGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.damageFanBuildCard{display:flex;flex-direction:column;gap:8px;padding:11px;border:1px solid #2a4156;border-radius:12px;background:#101a24;min-width:0}
.damageFanBuildTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.damageFanBuildTitle h4{margin:0;color:#edf6ff}.damageFanBuildTitle span{font-size:11px;color:#8fa8bc;text-align:right}
.damageFanBuildCard details{border-top:1px solid rgba(255,255,255,.08);padding-top:7px}.damageFanBuildCard details:first-of-type{border-top:0;padding-top:0}.damageFanBuildCard summary{cursor:pointer;color:#bcd0e1;font-size:12px;font-weight:800;margin-bottom:7px}
.damageFanSlots{display:flex;flex-direction:column;gap:7px}.damageFanSlot,.damageFanPassiveSlot{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr);gap:8px;align-items:center;padding:8px;border:1px solid #263a4d;border-radius:9px;background:#0d151e}
.damageFanSlot>span,.damageFanSlotHead{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.damageFanSlot>span b,.damageFanSlotHead b{color:#f0cf7c}.damageFanSlot small,.damageFanSlotHead small{display:block;width:100%;color:#8095a7;font-size:10px}
.damageFanSlot select,.damageFanPassiveControls select,.damageGrowthEditor select{width:100%;min-height:36px;border:1px solid #39546d;border-radius:8px;background:#101820;color:#edf6ff;padding:6px 8px}
.damageFanPassiveControls{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px}.damageFanEmpty{padding:8px;color:#8095a7;font-size:11px}
.damageGrowthEditor{display:flex;flex-direction:column;gap:8px}.damageGrowthMode{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:center;color:#9fb1c2;font-size:11px}.damageGrowthRows{display:flex;flex-direction:column;gap:6px}.damageGrowthRows label{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px;align-items:center;padding:7px 8px;border:1px solid #263a4d;border-radius:9px;background:#0d151e}.damageGrowthRows label>span{color:#d8e2ea;font-size:11px}.damageGrowthRows label small{display:block;color:#7f93a4;font-size:9px;margin-top:2px}.damageGrowthHint{color:#7f93a4;line-height:1.45}
.damageLabAdvanced{grid-template-columns:minmax(0,1fr) auto auto}
@media(max-width:820px){.damageFanBuildGrid{grid-template-columns:1fr}.damageLabAdvanced{grid-template-columns:1fr}.damageFanSlot,.damageFanPassiveSlot{grid-template-columns:1fr}.damageFanPassiveControls{grid-template-columns:minmax(0,1fr) 78px}}
@media(max-width:430px){.damageGrowthRows label,.damageGrowthMode{grid-template-columns:1fr}.damageFanPassiveControls{grid-template-columns:1fr 72px}}
/* WIP31 Damage Validation UX refinement */
.damageTopPanel{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #34485c;border-radius:14px;background:#101820}
.damageTopHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.damageTopHead>div{display:flex;flex-direction:column;gap:3px}.damageTopHead b{color:#eef4f8;font-size:15px}.damageTopHead span{color:#91a3b4;font-size:11px;line-height:1.4}
.damageTopEmpty{padding:18px 12px;border:1px dashed #334557;border-radius:10px;color:#7f91a1;text-align:center;background:#0d141b}
.damageCalcButton{min-height:42px;border:1px solid #466078;border-radius:10px;background:#1b2b3a;color:#e9f1f6;font-weight:800;padding:9px 15px;white-space:nowrap;box-shadow:none}.damageCalcButton:hover{background:#223548}.damageCalcBottom{width:100%;margin-top:2px}
.damagePendingBadge,.damageCurrentBadge{display:inline-flex;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.damagePendingBadge{background:#352f24;color:#d9c38f;border:1px solid #5d5034}.damageCurrentBadge{background:#1d302b;color:#a9d6c6;border:1px solid #36574e}
.damageCalibrationNote{padding:9px 10px;border:1px solid #5c533b;border-radius:9px;background:#262318;color:#d2c49d;font-size:11px;line-height:1.5}
.damageBreakdownDetails{border-top:1px solid #293847;padding-top:8px}.damageBreakdownDetails summary{cursor:pointer;color:#a9bac9;font-size:11px;font-weight:700;margin-bottom:8px}
.damageSideSelect{padding:9px 10px;border-radius:12px;border:1px solid transparent}.damageSideLabel{font-size:12px;font-weight:800;letter-spacing:.02em}.damageSideAttacker{border-color:#665737!important;background:#171812!important}.damageSideAttacker .damageSideLabel,.damageSideAttacker h4,.damageSideAttacker .damageFanBuildTitle h4{color:#d7c394!important}.damageSideDefender{border-color:#3d566d!important;background:#101820!important}.damageSideDefender .damageSideLabel,.damageSideDefender h4,.damageSideDefender .damageFanBuildTitle h4{color:#a9c4da!important}
.damageLabPair .damageSideSelect select{margin-top:2px}.damageFanBuildCard.damageSideAttacker,.damageFanBuildCard.damageSideDefender{box-shadow:none}
.damageLabBox.damageSideAttacker,.damageLabBox.damageSideDefender{border-width:1px}.damageLabError{background:#271d20;border-color:#5b3f45;color:#d9b5ba}
@media(max-width:720px){.damageTopHead{align-items:stretch;flex-direction:column}.damageTopHead .damageCalcButton{width:100%}.damageSideSelect{padding:10px}}

/* WIP37 Fan-like compact Damage Lab character selector */
.damageCharacterPair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.damageCharacterCard{
  min-width:0;
  padding:10px;
  border:1px solid #33475a;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.damageCharacterHead{display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:2px;align-items:center}
.damageCharacterHead .damageSideLabel{grid-column:1;font-size:10px;padding:2px 6px;border:1px solid currentColor;border-radius:999px;width:max-content;opacity:.9}
.damageCharacterHead>b{grid-column:2;font-size:15px;line-height:1.25;color:#f2f6fa;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.damageCharacterHead>small{grid-column:1/-1;color:#8fa4b7;font-size:10px;line-height:1.35;white-space:normal}
.damageSpeciesSelect{display:flex!important;flex-direction:column;gap:4px!important;font-size:10px!important;color:#95a8bb!important}
.damageSpeciesSelect select,.damageExactRef select{width:100%;min-width:0;min-height:38px;border:1px solid #3b5167;border-radius:9px;background:#0e151d;color:#edf5fb;padding:6px 8px;font-size:12px}
.damageQualityRow,.damagePersonalityRow{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:start}
.damageQualityRow>span,.damagePersonalityRow>span{font-size:10px;line-height:30px;color:#8fa4b7}
.damageQualityRow>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.damagePersonalityRow>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.damageQualityRow button,.damagePersonalityRow button{
  min-width:0;
  min-height:30px;
  border:1px solid #3a5064;
  border-radius:8px;
  background:#14202b;
  color:#c5d2dd;
  padding:4px 5px;
  font-size:10px;
  font-weight:800;
  line-height:1.15;
}
.damageQualityRow button.active,.damagePersonalityRow button.active{
  border-color:#d6b35f;
  background:#5a4721;
  color:#fff0bd;
  box-shadow:inset 0 0 0 1px rgba(255,222,135,.2);
}
.damageSideDefender .damageQualityRow button.active,.damageSideDefender .damagePersonalityRow button.active{
  border-color:#7ca9cd;
  background:#18344a;
  color:#d7edff;
  box-shadow:inset 0 0 0 1px rgba(151,202,240,.15);
}
.damageExactRef{margin-top:1px;border-top:1px solid rgba(255,255,255,.07);padding-top:6px}
.damageExactRef summary{cursor:pointer;color:#91a5b6;font-size:10px;line-height:1.35}
.damageExactRef select{margin-top:6px;font-size:10px}
.damageCompactDetails{border:1px solid #293b4d;border-radius:11px;background:#0d151d;padding:0 10px}
.damageCompactDetails>summary{cursor:pointer;padding:10px 0;color:#adc0d0;font-size:12px;font-weight:800}
.damageCompactDetails[open]>summary{border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.damageCompactDetails>.damageFanBuildPanel,.damageCompactDetails>.damageLabGrid,.damageCompactDetails>.damageFanCompare{margin:0 0 10px}
.damageLabPanel>.referenceNote{margin:0;font-size:11px;line-height:1.45}
.damageLabPanel .damageLabSkill{margin-top:0}
.damageCalcBottom{width:100%;min-height:42px}
@media(max-width:560px){
  .damageCharacterPair{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .damageCharacterCard{padding:8px;gap:7px;border-radius:12px}
  .damageCharacterHead{grid-template-columns:1fr}
  .damageCharacterHead .damageSideLabel,.damageCharacterHead>b,.damageCharacterHead>small{grid-column:1}
  .damageCharacterHead>b{font-size:13px;white-space:normal;min-height:32px;display:flex;align-items:center}
  .damageCharacterHead>small{font-size:9px}
  .damageQualityRow,.damagePersonalityRow{grid-template-columns:1fr;gap:3px}
  .damageQualityRow>span,.damagePersonalityRow>span{line-height:1.2;font-size:9px}
  .damageQualityRow button,.damagePersonalityRow button{min-height:29px;padding:3px 3px;font-size:9px}
  .damageSpeciesSelect select{min-height:36px;font-size:11px;padding-left:6px;padding-right:4px}
  .damageExactRef summary{font-size:9px}
}
@media(max-width:350px){
  .damageCharacterPair{grid-template-columns:1fr}
  .damageCharacterHead>b{min-height:0}
  .damagePersonalityRow>div{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* WIP38 Damage Lab loadout linkage / inline inheritance editor */
.damageLabSkill>span.damageSkillEquipped,.damageLabSkill>span.damageSkillDetached{display:flex;flex-direction:column;gap:2px;min-width:126px;align-items:flex-start}.damageLabSkill>span.damageSkillEquipped{background:#173124;color:#b9e8c7;border:1px solid #345944}.damageLabSkill>span.damageSkillDetached{background:#342a1d;color:#efd39a;border:1px solid #635038}.damageLabSkill>span>small{font-size:9px;opacity:.8}
.damageLoadoutBox{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(6,12,18,.36)}
.damageLoadoutHead{display:flex;flex-direction:column;gap:4px}.damageLoadoutHead>b{font-size:11px;color:#e6eef5}.damageLoadoutHead>span{display:inline-flex;width:max-content;max-width:100%;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.3;white-space:normal}.damageLoadoutHead>span.isLinked{background:#173124;color:#b9e8c7;border:1px solid #345944}.damageLoadoutHead>span.isDetached{background:#3a281a;color:#f1cd8a;border:1px solid #65472f}
.damageLoadoutLine{display:grid;grid-template-columns:60px minmax(0,1fr);gap:5px;align-items:start}.damageLoadoutLine>span{font-size:9px;color:#8298aa;line-height:22px}.damageLoadoutLine>div{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.damageLoadoutChip{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:3px 6px;border-radius:7px;background:#15212c;border:1px solid #2e4355;color:#cad6df;font-size:9px;line-height:1.25;overflow-wrap:anywhere}.damageLoadoutChip>b{color:#efd384;font-size:8px;white-space:nowrap}.damageSideDefender .damageLoadoutChip>b{color:#9bc7e8}.damageLoadoutChip.isSkill{background:#3d3218;border-color:#7e692f;color:#fff1bc;box-shadow:inset 0 0 0 1px rgba(255,225,139,.12)}.damageLoadoutEmpty{font-size:9px;color:#748899;line-height:1.4}
.damageLoadoutEffect{display:flex;flex-direction:column;gap:3px;padding:6px 7px;border-radius:8px;background:#0f1a23;border:1px solid #263b4d}.damageLoadoutEffect>b{font-size:9px;color:#8397a8}.damageLoadoutEffect>span{font-size:10px;color:#dce7ee;line-height:1.4}
.damageLoadoutWarning{padding:6px 7px;border-radius:8px;background:#302619;border:1px solid #58482e;color:#d9c28f;font-size:9px;line-height:1.45}
.damageInlineBuildEditor{border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.damageInlineBuildEditor>summary{cursor:pointer;color:#a9bdcd;font-size:10px;font-weight:800;line-height:1.35}.damageInlineBuildGrid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:7px}.damageInlineBuildGrid section{min-width:0}.damageInlineBuildGrid h5{margin:0 0 5px;color:#8fa5b7;font-size:9px}.damageInlineBuildEditor .damageFanSlot,.damageInlineBuildEditor .damageFanPassiveSlot{grid-template-columns:1fr;gap:5px;padding:6px}.damageInlineBuildEditor .damageFanSlot select,.damageInlineBuildEditor .damageFanPassiveControls select{min-height:34px;font-size:10px}.damageInlineBuildEditor .damageFanPassiveControls{grid-template-columns:minmax(0,1fr) 62px}.damageInlineBuildEditor .damageFanSlot small,.damageInlineBuildEditor .damageFanSlotHead small{font-size:8px}
@media(max-width:560px){.damageLabSkill>span.damageSkillEquipped,.damageLabSkill>span.damageSkillDetached{min-width:0;width:100%}.damageLoadoutLine{grid-template-columns:1fr;gap:2px}.damageLoadoutLine>span{line-height:1.2}.damageLoadoutChip{font-size:8px;padding:3px 5px}.damageLoadoutHead>span{font-size:8px}.damageInlineBuildEditor .damageFanPassiveControls{grid-template-columns:1fr 58px}}
/* WIP41 GP Planner Phase 1 */
.gpNav{overflow-x:auto;justify-content:flex-start;gap:2px}.gpNav a{min-width:64px;flex:1 0 64px}.gpPlannerPage .sectionHead{margin-bottom:12px}.gpHero{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.gpHeroCard,.gpPartyCard,.gpMetricCard,.gpHistoryCard,.gpTableCard,.gpEditBridgeCard{background:var(--panel,#17191d);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px}.gpHeroCard h3,.gpPartyCard h3{margin:0 0 6px}.gpHeroMeta,.gpMuted{font-size:12px;opacity:.72}.gpWeightOk{font-weight:700}.gpPartyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.gpRoleTag,.gpSourceBadge,.gpValidBadge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;background:rgba(255,255,255,.08);margin-right:5px}.gpSourceBadge.recommended{background:rgba(255,196,77,.16)}.gpSourceBadge.user{background:rgba(102,180,255,.16)}.gpInvalid{color:#ffb1b1}.gpMembers{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.gpMemberPill{font-size:12px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.055)}.gpPartyCard select,.gpControls select,.gpControls input{width:100%;margin:7px 0}.gpPartyActions,.gpExportActions,.gpHistoryActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.gpPartyActions button,.gpExportActions button,.gpHistoryActions button{flex:1}.gpStart{width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:800;border-radius:12px}.gpProgress{margin-top:8px;font-size:12px}.gpMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.gpMetricCard b{font-size:20px;display:block}.gpRoleMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gpTableWrap{overflow:auto}.gpTable{width:100%;border-collapse:collapse;font-size:12px}.gpTable th,.gpTable td{padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap;text-align:right}.gpTable th:nth-child(2),.gpTable td:nth-child(2){text-align:left;white-space:normal;min-width:210px}.gpLoadoutLine{font-size:11px;opacity:.8;margin-top:4px}.gpEditBridgeCard{margin:8px 0 12px;border-color:rgba(102,180,255,.35)}.gpSnapshotList{display:grid;gap:8px}.gpHistoryCard strong{display:block}.gpWarn{padding:8px 10px;border-radius:8px;background:rgba(255,100,100,.1);font-size:12px;margin-top:7px}.gpSavedSet{border-left:3px solid rgba(102,180,255,.5)}
@media(max-width:780px){.gpHero,.gpPartyGrid,.gpMetrics,.gpRoleMetrics{grid-template-columns:1fr}.gpMetrics{grid-template-columns:repeat(2,1fr)}.gpNav a{font-size:10px}.gpNav a span{display:block}.gpTable th:nth-child(2),.gpTable td:nth-child(2){min-width:180px}}

/* WIP42 GP Planner Phase 2 analysis + snapshot A/B comparison */
.gpAnalysisNav{display:flex;gap:6px;overflow-x:auto;margin:12px 0;padding:2px 0 4px;scrollbar-width:thin}.gpAnalysisNav button{flex:0 0 auto;border:1px solid var(--line);background:#171c22;color:#d7dde2;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.gpAnalysisNav button:hover{border-color:#756746;color:#f0d58d}
.gpAnalysisCard{scroll-margin-top:92px;margin-top:12px;background:var(--panel,#17191d);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px}.gpAnalysisCard h3{margin:0 0 4px}.gpAnalysisCard h4{margin:8px 0;font-size:12px;color:#ddd}.gpMatrixWrap{overflow:auto;max-height:620px;border:1px solid rgba(255,255,255,.07);border-radius:10px;margin-top:10px}.gpMatrix{width:100%;min-width:760px;border-collapse:collapse;font-size:11px}.gpMatrix th,.gpMatrix td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;text-align:right}.gpMatrix th:first-child,.gpMatrix td:first-child{text-align:left;white-space:normal;min-width:250px}.gpMatrix thead th{position:sticky;top:0;background:#20262d;z-index:2}.gpRateStrong{background:rgba(86,151,105,.22)!important;color:#c8ebd0}.gpRateCovered{background:rgba(184,150,76,.14)!important;color:#ebd8a5}.gpRateHole{background:rgba(175,82,82,.18)!important;color:#efc1c1}.gpRoutedCell{box-shadow:inset 0 0 0 2px rgba(214,179,95,.72);font-weight:900}
.gpDiagnosticGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.gpDiagnosticGrid details{border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:0 10px;background:#14191f}.gpDiagnosticGrid summary{cursor:pointer;padding:10px 0;font-weight:850;font-size:12px}.gpDiagnosticList{border-top:1px solid rgba(255,255,255,.07)}.gpDiagnosticRow,.gpRoutingRow,.gpCompareRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.gpDiagnosticRow:last-child,.gpRoutingRow:last-child,.gpCompareRow:last-child{border-bottom:0}.gpDiagnosticRow>div,.gpRoutingRow>div,.gpCompareRow>div{min-width:0}.gpDiagnosticRow b,.gpRoutingRow b,.gpCompareRow b{display:block;font-size:11px}.gpDiagnosticRow span,.gpRoutingRow span,.gpCompareRow span,.gpRoutingRow small,.gpCompareRow small{display:block;margin-top:3px;font-size:9px;color:var(--muted);line-height:1.4}.gpDiagnosticRow strong,.gpRoutingRow strong,.gpCompareRow strong{font-size:11px;text-align:right;white-space:nowrap}.gpEmptyDiagnostic{padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:9px;color:var(--muted);font-size:11px;margin-top:8px}
.gpRoutingSummary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0}.gpRoutingSummary>div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#14191f}.gpRoutingSummary span{display:block;color:var(--muted);font-size:9px;line-height:1.35}.gpRoutingSummary b{display:block;margin-top:4px;font-size:17px}.gpRoutingList{margin-top:6px}
.gpGraphGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.gpGraphPanel{border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#14191f;padding:10px;min-width:0}.gpGraphPanel h4{margin:0 0 8px}.gpBarRow{display:grid;grid-template-columns:minmax(115px,1fr) minmax(90px,1.2fr) 48px;gap:7px;align-items:center;padding:5px 0}.gpBarRow>div:first-child{min-width:0}.gpBarRow b{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpBarRow span{display:block;font-size:8px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpBarRow strong{text-align:right;font-size:9px}.gpBarTrack{height:8px;background:#222a32;border-radius:999px;overflow:hidden}.gpBarTrack i{display:block;height:100%;border-radius:999px;background:#b99754}.gpRoleBarBlock{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.gpRoleBarBlock:last-child{border-bottom:0}.gpRoleBarBlock>b{color:#e7c879;font-size:11px}.gpMiniMatch{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.gpMiniMatch:last-child{border-bottom:0}.gpMiniMatch>b{display:block;font-size:9px;line-height:1.3}.gpMiniMatch>span{display:block;font-size:8px;color:var(--muted);margin:2px 0 4px}.gpMiniMatch>div{display:grid;grid-template-columns:22px minmax(0,1fr) 42px;align-items:center;gap:5px;margin:3px 0}.gpMiniMatch em{font-style:normal;font-size:8px}.gpMiniMatch i{display:block;height:7px;border-radius:999px;max-width:100%}.gpMiniMatch strong{font-size:8px;text-align:right}
.gpSortButton{border:0;background:transparent;color:inherit;font:inherit;font-weight:850;padding:0;cursor:pointer;white-space:nowrap}.gpSortButton.active{color:#e7c879}.gpFullTable{min-width:1050px}.gpFullTable th:first-child,.gpFullTable td:first-child{text-align:left;white-space:normal;min-width:250px}.gpFullTable th:nth-child(2),.gpFullTable td:nth-child(2){text-align:right;white-space:nowrap;min-width:64px}
.gpCompareSelectors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.gpCompareSelectors label{font-size:10px;color:var(--muted)}.gpCompareSelectors select{display:block;width:100%;margin-top:4px}.gpCompareNames{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.gpCompareNames>div{display:flex;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;background:#14191f;min-width:0}.gpCompareNames b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08)}.gpCompareNames span{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpCompareMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.gpCompareMetric{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#14191f}.gpCompareMetric span{display:block;font-size:9px;color:var(--muted)}.gpCompareMetric b{display:block;margin-top:4px;font-size:16px}.gpCompareMetric.positive b{color:#a8d9b5}.gpCompareMetric.negative b{color:#e3aaa2}.gpCompareMetric.neutral b{color:#c4c8cb}.gpCompareChanged{margin-top:9px;padding:8px 10px;border-radius:9px;background:#14191f;border:1px solid rgba(255,255,255,.07);font-size:10px}.gpCompareChanged span{color:var(--muted)}.gpCompareDetail{margin-top:10px}.gpCompareDetail h4{margin:0 0 5px}
@media(max-width:780px){.gpDiagnosticGrid,.gpGraphGrid,.gpCompareSelectors,.gpCompareNames{grid-template-columns:1fr}.gpRoutingSummary{grid-template-columns:repeat(2,1fr)}.gpCompareMetrics{grid-template-columns:repeat(2,1fr)}.gpMatrixWrap{max-height:520px}.gpAnalysisCard{padding:11px}.gpDiagnosticRow,.gpRoutingRow,.gpCompareRow{align-items:flex-start}.gpBarRow{grid-template-columns:minmax(92px,1fr) minmax(70px,1fr) 43px}.gpMatrix th:first-child,.gpMatrix td:first-child{min-width:190px}.gpFullTable th:first-child,.gpFullTable td:first-child{min-width:210px}}