
: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(3,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 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}
