:root{--main:#ff71ad;--sub:#67c9ff;--yellow:#ffd84d;--ink:#303642;--muted:#687386;--line:#ffd0e3;--panel:#fff;--bg:#fff8fc;--shadow:0 12px 28px rgba(255,113,173,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Hiragino Sans","Yu Gothic",Meiryo,system-ui,sans-serif;color:var(--ink);background-color:#ffd94a;background-image:linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,.50)),url("../../../assets/bg/main-bg.jpg");background-size:cover;background-position:center top;background-attachment:fixed}a{color:#c72978}
.siteBrandHeader{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,216,77,.96),rgba(255,185,45,.91));border-bottom:4px solid rgba(63,45,0,.16);min-height:150px}.siteBrandHeader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20px 20px,rgba(170,110,0,.12) 0 6px,transparent 7px);background-size:30px 30px;opacity:.45}.siteBrandInner{position:relative;z-index:1;max-width:1120px;min-height:150px;margin:auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:16px}.brandLogoLink{display:block;width:min(390px,54vw)}.brandLogo{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.08))}.brandPageName{display:flex;flex-direction:column;align-items:flex-start;padding:8px 14px;border-radius:16px;background:rgba(255,255,255,.84);border:2px solid rgba(128,79,0,.12)}.brandPageName span{font-size:.73rem;font-weight:900;color:#946000}.brandPageName b{font-size:1.18rem;color:#d92d82}.brandPuni{position:absolute;width:100px;height:100px;object-fit:contain;bottom:-8px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.18));pointer-events:none}.brandPuniLeft{left:18px;transform:rotate(-5deg)}.brandPuniRight{right:18px;transform:rotate(5deg)}
.wikiNav{background:#fff;border-bottom:3px solid #ffd1e8;position:sticky;top:0;z-index:50;box-shadow:0 5px 16px rgba(0,0,0,.06)}.wikiNavIn{max-width:1120px;margin:auto;display:flex;gap:8px;align-items:center;padding:10px}.wikiNavLinks{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.wikiNavLinks::-webkit-scrollbar{display:none}.wikiNav a{white-space:nowrap;text-decoration:none;color:#d92d82;font-weight:900;border-radius:999px;padding:8px 12px}.wikiNav a.current,.wikiNav a:hover{background:#ffe7f3}.wikiNavSearch{margin-left:auto;display:flex;gap:6px;min-width:min(360px,42vw)}.wikiNavSearch input{width:100%;min-width:0;border:2px solid #ffc6df;border-radius:999px;padding:9px 12px;font-size:14px;background:#fff}.wikiNavSearch button{border:0;border-radius:999px;background:var(--main);color:#fff;font-weight:900;padding:9px 13px;cursor:pointer;white-space:nowrap}
.evIntro{max-width:1120px;margin:18px auto 0;padding:0 14px}.eyebrow{display:inline-block;margin:0 0 7px;padding:5px 10px;border-radius:999px;background:#fff0f7;color:#c72978;font-weight:900}.evIntro h1{margin:0;color:#d92d82;font-size:clamp(1.9rem,4.5vw,3.25rem);letter-spacing:-.045em}.evIntro p{max-width:850px;line-height:1.7;font-weight:800;color:#5f6b7a;margin:7px 0 0}
.evShell{max-width:1120px;margin:16px auto 60px;padding:0 14px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}.evPanel{background:rgba(255,255,255,.96);border:3px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow);min-width:0}.evControls{position:sticky;top:68px}.evPanel h2{margin:0 0 12px;color:#3b4050}.field{display:block;margin:14px 0}.field>span,.freeCompareFields label>span{display:block;font-weight:950;margin-bottom:7px}.field select,.field input,.freeCompareFields input,.freeCompareFields select{width:100%;min-width:0;border:2px solid #ffc6df;border-radius:12px;padding:10px;background:#fff;font:inherit}.mini{font-size:.78rem;color:var(--muted);line-height:1.55;margin:-2px 0 8px}.checkGrid,.targetGrid{display:grid;gap:6px;max-height:230px;overflow:auto;padding-right:3px}.checkGrid label,.targetChip{display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border:1px solid #eadde4;border-radius:11px;background:#fff;cursor:pointer;font-weight:800;font-size:.82rem;line-height:1.35}.checkGrid label.on,.targetChip.on{border-color:#ff8cbd;background:#fff0f7;color:#9e2860}.checkGrid input,.targetChip input{width:auto;margin-top:2px;accent-color:#e73588}.backBtn{display:block;text-align:center;text-decoration:none;font-weight:900;padding:10px;border-radius:12px;background:#f6f7fb;color:#555f70}
.freeCompareBox{margin:16px 0;border:2px dashed #ffb7d5;background:#fff8fc;border-radius:15px;padding:10px}.freeCompareToggle{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.freeCompareToggle input{width:auto!important;margin-top:3px;accent-color:#e73588}.freeCompareToggle b,.freeCompareToggle small{display:block}.freeCompareToggle b{font-size:.82rem;color:#b82f6d}.freeCompareToggle small{font-size:.68rem;color:#748093;line-height:1.45;margin-top:2px}.freeCompareFields{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed #efc8d9;transition:.15s opacity}.freeCompareFields.disabledFree{opacity:.48}.freeCompareFields label>span{font-size:.7rem;margin-bottom:4px}.suffixInput{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}.suffixInput b{color:#b82f6d}.freeCostPair{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.evMain{display:grid;gap:14px;min-width:0}.summaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summaryCard{background:#fff;border:3px solid var(--line);border-radius:17px;padding:12px;min-width:0}.summaryCard span{display:block;color:var(--muted);font-size:.75rem;font-weight:900}.summaryCard strong{display:block;margin-top:5px;color:#c72978;font-size:1.08rem;overflow-wrap:anywhere}.sectionHead h2{margin:0 0 4px}.sectionHead p{margin:0 0 10px;color:var(--muted);font-size:.84rem;line-height:1.6}.costCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.costCard{border:2px solid #f0dce5;border-radius:15px;background:linear-gradient(180deg,#fff,#fff8fc);padding:11px;min-width:0}.costCardHead{display:flex;gap:6px;align-items:center;justify-content:space-between}.costCardHead>b{font-size:.78rem;overflow-wrap:anywhere}.costCard>strong{display:block;margin:8px 0 4px;color:#d92d82;font-size:1.18rem}.costCard>small{display:block;color:#6c778a;font-weight:800;line-height:1.5}.payBadge,.ypBadge,.neutralBadge{flex:0 0 auto;padding:3px 6px;border-radius:999px;font-size:.62rem;font-weight:950}.payBadge{background:#fff0e4;color:#a44a00;border:1px solid #ffc48f}.ypBadge{background:#eef9ff;color:#257299;border:1px solid #bfe8fa}.neutralBadge{background:#f1f2f5;color:#68707e;border:1px solid #dddfe4}
.chartBox{width:100%;min-height:330px;overflow:auto}.evSvg{display:block;width:100%;min-width:620px;height:330px}.gridLine{stroke:#e9edf3;stroke-width:1}.axisText{font-size:11px;fill:#697386;font-weight:700}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.legendItem{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:900}.legendSwatch{width:18px;height:5px;border-radius:999px}.milestoneChart{display:grid;gap:14px}.milestoneRow{border:1px solid #eee2e8;border-radius:14px;padding:10px}.milestoneTitle{font-weight:950;margin-bottom:8px}.milestoneBars{display:grid;gap:6px}.milestoneBar{display:grid;grid-template-columns:42px minmax(0,1fr) 68px;gap:8px;align-items:center;font-size:.78rem}.milestoneTrack{height:12px;border-radius:999px;background:#f0f1f5;overflow:hidden}.milestoneFill{height:100%;border-radius:999px}.milestoneValue{text-align:right;font-weight:900}.tableWrap{overflow:auto;border:1px solid #eee2e8;border-radius:13px}table{width:100%;min-width:840px;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #eee;text-align:right;font-size:.8rem;white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal;min-width:210px}th{background:#fff7fb;position:sticky;top:0}.evNote{padding:12px 14px;border-radius:14px;background:#fff7df;border:1px solid #ffe09a;line-height:1.65;font-size:.84rem}
@media(max-width:900px){body{background-attachment:scroll}.siteBrandHeader{min-height:126px}.siteBrandInner{min-height:126px}.brandPuni{width:80px}.brandLogoLink{width:min(340px,58vw)}.brandPageName{display:none}.wikiNavIn{flex-wrap:wrap}.wikiNavLinks{width:100%}.wikiNavSearch{order:2;margin-left:0;min-width:100%}.evShell{grid-template-columns:1fr}.evControls{position:static}.summaryGrid{grid-template-columns:1fr 1fr}.checkGrid,.targetGrid{max-height:190px}}
@media(max-width:560px){.siteBrandHeader,.siteBrandInner{min-height:105px}.brandPuni{width:64px;bottom:-5px}.brandPuniLeft{left:-5px}.brandPuniRight{right:-5px}.brandLogoLink{width:64vw}.wikiNavIn{padding:8px}.wikiNav a{font-size:14px;padding:8px 10px}.wikiNavSearch input{font-size:16px}.evIntro{padding:0 10px}.evIntro h1{font-size:1.7rem}.evShell{padding-inline:8px}.evPanel{padding:12px;border-radius:16px}.summaryGrid{grid-template-columns:1fr}.costCards{grid-template-columns:1fr}.chartBox{min-height:290px}.evSvg{height:290px;min-width:560px}.checkGrid{grid-template-columns:1fr}.milestoneBar{grid-template-columns:38px minmax(0,1fr) 60px}.freeCostPair{grid-template-columns:1fr 1fr}}


/* v364: 自由確率は「未知ガシャのZZZ以上合計率」専用 */
.zzzFreeInputBox{background:linear-gradient(180deg,#fffdf2,#fff8fc);border-style:solid;border-color:#ffd779}
.freeCompareTitle b,.freeCompareTitle small{display:block}.freeCompareTitle b{font-size:.88rem;color:#9a6300}.freeCompareTitle small{font-size:.7rem;color:#6e7786;line-height:1.5;margin-top:4px}
.zzzRateInput{display:block;margin-top:10px}.zzzRateInput>span{display:block;font-size:.75rem;font-weight:950;margin-bottom:5px;line-height:1.45}.freeMeaningNote{margin:7px 0 0;font-size:.69rem;color:#7b6b4d;font-weight:800;line-height:1.55}
.zzzSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:4px 0 10px}.zzzSummaryCard{border:1px solid #eadfe4;border-radius:12px;padding:9px;background:#fff}.zzzSummaryCard span{display:block;font-size:.68rem;font-weight:900;color:#778090}.zzzSummaryCard b{display:block;margin-top:3px;font-size:.9rem;color:#b52b69;overflow-wrap:anywhere}
.predictionBadge{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:#fff1c7;color:#8c5c00;border:1px solid #f4ce65;font-size:.62rem;font-weight:950}
@media(max-width:560px){.zzzSummary{grid-template-columns:1fr}.zzzRateInput .suffixInput{grid-template-columns:minmax(0,1fr) auto}}

/* v365: 新キャラ個別自由確率 + 狙い別コスト表示 */
.freeNewCharBox{background:linear-gradient(180deg,#fffdf6,#fff8fc);border-style:solid;border-color:#ffd779}
.freeCharList{display:grid;gap:8px;margin-top:10px}
.freeCharRow{display:grid;grid-template-columns:minmax(0,1.6fr) 78px 112px 34px;gap:6px;align-items:end;padding:8px;border:1px solid #f0d9e3;border-radius:12px;background:#fff}
.freeCharRow label{min-width:0}.freeCharRow label>span{display:block;margin-bottom:4px;color:#687284;font-size:.66rem;font-weight:950}
.freeCharRow input,.freeCharRow select{width:100%;min-width:0;border:1.5px solid #efbdd2;border-radius:9px;background:#fff;padding:8px 7px;font:inherit;font-size:.78rem}
.freeCharRate .suffixInput{grid-template-columns:minmax(0,1fr) auto}.freeCharRate .suffixInput b{font-size:.76rem}
.freeRemoveBtn{height:34px;border:0;border-radius:9px;background:#fff0f6;color:#bd2f6d;font-weight:950;cursor:pointer}
.freeCharActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.freeCharActions button{border:0;border-radius:10px;background:#d92d82;color:#fff;padding:8px 10px;font-weight:900;cursor:pointer}.freeCharActions button.sub{background:#f2f3f6;color:#596273}
.freeTotal{margin:9px 0 0;padding:8px 9px;border-radius:10px;background:#f4fbff;color:#315e78;font-size:.72rem;font-weight:850;line-height:1.5}.freeTotal.error{background:#fff0f0;color:#a12b2b}.freeTotal b{font-size:.78rem}
.costTargetLabel{display:inline-block;margin-top:8px;padding:3px 7px;border-radius:999px;background:#fff0f7;color:#b02d6d;border:1px solid #ffc7df;font-size:.66rem;font-weight:950}
.reachCost{display:grid;gap:4px;margin-top:9px;padding-top:8px;border-top:1px dashed #e7dbe1}.reachCost span{display:flex;justify-content:space-between;gap:8px;color:#687284;font-size:.7rem;font-weight:800}.reachCost b{color:#3f4754;text-align:right}
@media(max-width:700px){.freeCharRow{grid-template-columns:minmax(0,1fr) 72px}.freeCharName{grid-column:1/-1}.freeCharRate{grid-column:1/2}.freeRemoveBtn{grid-column:2/3;grid-row:2/3}.freeCharRank{grid-column:2/3;grid-row:1/2}.reachCost span{display:block}.reachCost b{display:block;margin-top:2px;text-align:left}}
@media(max-width:390px){.freeCharRow{grid-template-columns:1fr 66px}.freeCharActions{display:grid;grid-template-columns:1fr}.freeCharActions button{width:100%}}

/* Sidebar width is about 310px even on desktop, so free-rate rows must stay compact there. */
.freeCharRow{grid-template-columns:76px minmax(0,1fr) 34px}
.freeCharName{grid-column:1/-1}
.freeCharRank{grid-column:1/2;grid-row:2/3}
.freeCharRate{grid-column:2/3;grid-row:2/3}
.freeRemoveBtn{grid-column:3/4;grid-row:2/3}
@media(max-width:700px){.freeCharRow{grid-template-columns:76px minmax(0,1fr) 34px}.freeCharName{grid-column:1/-1}.freeCharRank{grid-column:1/2;grid-row:2/3}.freeCharRate{grid-column:2/3;grid-row:2/3}.freeRemoveBtn{grid-column:3/4;grid-row:2/3}}
@media(max-width:390px){.freeCharRow{grid-template-columns:70px minmax(0,1fr) 32px}}
.freeCharStatic{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;align-items:center}.freeCharStatic>span{grid-column:1/-1;color:#687284;font-size:.66rem;font-weight:950}.freeCharStatic>b{min-width:0;overflow-wrap:anywhere;font-size:.78rem}.freeCharStatic>em{font-style:normal;padding:2px 6px;border-radius:999px;background:#f4f0ff;color:#6750a5;font-size:.62rem;font-weight:950}.autoDetectedBadge{grid-column:3/4;grid-row:2/3;align-self:center;justify-self:center;padding:3px 5px;border-radius:999px;background:#eef9ff;color:#257299;font-size:.58rem;font-weight:950}
.freeCharStatic + .freeCharRate{grid-column:1/3;grid-row:2/3}

/* v372: グラフのタップ/クリック具体値 */
.evSvg{cursor:crosshair;touch-action:manipulation}
.evTapCapture{pointer-events:all}
.evTapGuide{stroke:#1f2937;stroke-width:1.5;stroke-dasharray:5 5;opacity:.65;pointer-events:none}
.evTapPoint{stroke:#fff;stroke-width:2.5;pointer-events:none}
.chartTapHint{margin-top:8px;padding:8px 10px;border:1px dashed #ced7e6;border-radius:11px;background:#f8fbff;color:#607087;font-size:.72rem;font-weight:850;line-height:1.45}
.chartTapDetail:empty{display:none}.chartTapDetail{margin-top:8px;border:1px solid #dde5f0;border-radius:14px;background:#fff;overflow:hidden}
.chartTapDetailHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 11px;background:#f5f8fd;border-bottom:1px solid #e5ebf4}.chartTapDetailHead strong{font-size:.9rem;color:#243047}.chartTapDetailHead span{font-size:.68rem;color:#718096;font-weight:850}
.chartTapDetailRows{display:grid}.chartTapDetailRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 11px;border-bottom:1px solid #edf1f6}.chartTapDetailRow:last-child{border-bottom:0}.detailSeries{min-width:0;display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:950;color:#354158;overflow-wrap:anywhere}.detailSeries i{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.detailSeries em{font-style:normal;padding:2px 5px;border-radius:999px;background:#fff0de;color:#8a4c00;font-size:.58rem}.chartTapDetailRow>b{font-size:.9rem;color:#202b43}.chartTapDetailRow>small{grid-column:1/-1;color:#6e798b;font-size:.66rem;line-height:1.4;font-weight:800}
@media(max-width:520px){.chartTapDetailHead{display:grid;gap:2px}.chartTapDetailRow{grid-template-columns:1fr}.chartTapDetailRow>b{justify-self:start}}

/* v373: スマホのグラフ具体値操作を、精密タップ依存から連数ピッカー中心へ変更 */
.chartBox{overflow:visible}
.evSvg{width:100%;min-width:0;height:auto;cursor:crosshair;touch-action:pan-y}
.chartMobilePicker{display:none}
@media(max-width:700px){
  .chartBox{min-height:0;overflow:visible}
  .evSvg{width:100%;min-width:0;height:auto;max-height:none;touch-action:pan-y}
  .chartMobilePicker{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid #dce5f2;border-radius:15px;background:#f7faff}
  .chartPickerHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .chartPickerHead>span{font-size:.78rem;font-weight:950;color:#526075}
  .chartPickerHead output{font-size:1.25rem;font-weight:1000;color:#26334b}
  .chartPullRange{width:100%;height:42px;margin:0;accent-color:#e73588;touch-action:pan-x}
  .chartPickerDirect{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
  .chartPickerDirect label{display:grid;gap:4px;min-width:0}
  .chartPickerDirect label>span{font-size:.67rem;font-weight:900;color:#6d7889}
  .chartPullNumber{box-sizing:border-box;width:100%;min-width:0;height:44px;border:1px solid #cfd8e6;border-radius:11px;background:#fff;padding:0 10px;font-size:16px;font-weight:900;color:#253149}
  .chartStepBtns{display:grid;grid-template-columns:repeat(4,44px);gap:5px}
  .chartStepBtns button,.chartQuickPulls button{min-height:44px;border:1px solid #ccd7e6;border-radius:11px;background:#fff;color:#334158;font-weight:950;touch-action:manipulation}
  .chartStepBtns button:active,.chartQuickPulls button:active,.chartQuickPulls button.on{background:#ffeaf4;border-color:#f38ab8;color:#a91f5f}
  .chartQuickPulls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  .chartQuickPulls button{padding:5px 3px;font-size:.69rem;line-height:1.15}
  .chartMobilePicker>small{font-size:.68rem;line-height:1.5;color:#68758a;font-weight:800}
  .chartTapHint{margin-top:7px;background:#fffdf7;border-color:#eadfb7;color:#746947}
  .evTapGuide{stroke-width:2;stroke-dasharray:4 4}
  .evTapPoint{stroke-width:3}
}
@media(max-width:390px){
  .chartPickerDirect{grid-template-columns:1fr}
  .chartStepBtns{grid-template-columns:repeat(4,minmax(0,1fr))}
  .chartQuickPulls{grid-template-columns:repeat(3,minmax(0,1fr))}
}