:root{--bg: #d8d8d8;--paper: #ffffff;--ink: #211d1d;--line: #e9e7e5;--line-strong: #989390;--soft: #efefef;--soft-2: #f7f7f7;--dark: #252021;--panel-gap: 12px;--sheet-padding: 18px;--sheet-width: min(1660px, calc(100vw - 48px) );--sheet-min-width: 1180px;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--page-tab-width: 66px;--tool-rail-width: 68px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-serif)}button,input,textarea{font:inherit}button,input,textarea{outline:none}.appShell{display:grid;grid-template-columns:var(--page-tab-width) minmax(0,max-content) var(--tool-rail-width);justify-content:center;align-items:center;min-height:100vh;padding:18px 20px 36px;overflow:auto}.pageTabs{position:relative;z-index:21;display:grid;gap:8px;justify-self:end;align-self:start;padding-top:96px;transform:translate(1px)}.pageTabs button,.toolButton{border:1px solid #d8d5d2;background:#3a3637;color:#fff;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.pageTabs button{display:grid;place-items:center;width:var(--page-tab-width);min-height:104px;padding:14px 8px;border-right:0;border-radius:8px 0 0 8px;writing-mode:vertical-rl;letter-spacing:0}.pageTabs button:hover,.pageTabs button:focus-visible,.toolButton:hover,.toolButton:focus-visible{background:#1f1b1c;box-shadow:0 0 0 3px #fff,0 0 0 5px #252021}.pageTabs button.on,.toolButton.on{background:#fff;color:#222}.stage{min-height:0;padding:0;overflow:visible}.toolRail{position:relative;z-index:25;display:grid;gap:8px;justify-self:start;align-self:start;padding-top:92px;transform:translate(-1px)}.toolButton{display:grid;place-items:center;width:var(--tool-rail-width);min-height:68px;gap:4px;padding:9px 7px;border-left:0;border-radius:0 8px 8px 0;font-size:13px;line-height:1}.toolButton svg{width:20px;height:20px}.hintAction,.guideAction{position:relative}.hintPopover{position:absolute;top:0;right:calc(100% + 10px);width:226px;border:1px solid #d8d5d2;background:#fff;box-shadow:0 14px 34px #00000024}.buildGuidePopover{position:absolute;top:0;right:calc(100% + 10px);z-index:90;width:360px;border:1px solid #2b2627;background:#fff;box-shadow:0 18px 44px #00000030;color:var(--ink);transform:translate(var(--guide-x, 0),var(--guide-y, 0))}.buildGuideHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px;background:#252021;color:#fff;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.buildGuideHeader h2{margin:0;font-size:18px;line-height:1;letter-spacing:0}.buildGuideHeader span{display:block;margin-top:4px;color:#cfc9c6;font-size:11px;line-height:1}.buildGuideClose{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #5c5557;background:transparent;color:#fff;cursor:pointer}.buildGuideClose:hover,.buildGuideClose:focus-visible{background:#484143}.buildGuideBody{display:grid;gap:12px;max-height:64vh;padding:14px;overflow:auto}.buildGuideFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid #ded9d5;background:#f7f5f2}.buildGuideFooter span{color:#6c6662;font-size:12px;font-weight:700}.guidePageButton,.guideNextButton{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:6px 10px;cursor:pointer}.guidePageButton{width:34px;border:1px solid #c9c3bf;background:#fff;color:#4e4946}.guideNextButton{min-width:94px;border:1px solid #1f5f3d;background:#16864d;color:#fff;font-size:13px;font-weight:700}.guidePageButton:hover,.guidePageButton:focus-visible{border-color:#16864d;color:#16864d}.guideNextButton:hover,.guideNextButton:focus-visible{background:#0f6d3d}.guidePageButton:disabled,.guideNextButton:disabled{border-color:#c9c3bf;background:#e5e1dd;color:#827b76;cursor:default}.guideStep{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}.guideStepIndex{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cfc9c5;background:#f0ede9;color:#5f5a57;font-size:14px;font-weight:800;line-height:1}.guideStepContent{min-width:0}.guideStepContent h3{margin:0 0 7px;font-size:18px;line-height:1}.guideStepContent p{display:grid;gap:5px;margin:0 0 12px;padding-left:10px;border-left:3px solid #16864d;color:#625c59;font-size:13px;line-height:1.45}.guideStepContent p strong{color:#211d1d;font-size:14px}.guideTierList,.guideEntryList{display:grid;gap:8px}.guideEntryList{max-height:360px;overflow:auto;padding-right:2px}.guideTier,.guideEntry{display:grid;gap:5px;padding:9px 10px;border:1px solid #ded9d5;background:#fbfaf8}.guideTier b,.guideEntry b{font-size:14px;line-height:1.2}.guideEntry>span{color:#625c59;font-size:12px;line-height:1.45}.guideEntry em{display:block;padding:7px 8px;background:#e5f2eb;color:#0d5d35;font-size:12px;font-style:normal;line-height:1.45}.guideEntry em strong{margin-right:5px;color:#093f25}.guideTier span{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.guideTier mark,.guideTier em{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;font-size:12px;font-style:normal;line-height:1.2}.guideTier mark{background:#e5f2eb;color:#0d5d35}.guideTier em{background:#ece9e6;color:#4e4946}.guideCoreList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guideCoreItem{display:grid;gap:5px;padding:9px 10px;border:1px solid #ded9d5;background:#fbfaf8}.guideCoreItem span{color:#625c59;font-size:12px;font-weight:700;line-height:1}.guideCoreItem strong{display:inline-grid;place-items:center;width:max-content;min-width:44px;min-height:28px;padding:3px 10px;background:#ece9e6;color:#211d1d;font-size:18px;line-height:1}.guideCoreItem em{color:#625c59;font-size:12px;font-style:normal;line-height:1.35}.guideCoreItem.primary{border-color:#16864d;background:#f3faf6;box-shadow:inset 0 0 0 2px #16864d}.guideCoreItem.primary span{color:#0d5d35}.guideCoreItem.primary strong{background:#16864d;color:#fff}.guideCoreItem.primary em{color:#0d5d35;font-weight:700}.conflictContent{color:var(--ink);font-family:var(--font-serif);padding:10px 12px 12px}.conflictContent h2{margin:0 0 6px;font-size:16px;line-height:1.1}.conflictContent p{display:flex;align-items:center;min-height:42px;margin:0;padding-left:13px;border-left:1px solid var(--line);font-size:12px;line-height:1.35;color:#6e6966}.conflictContent .mark{width:22px;height:22px;margin-left:6px;flex:0 0 auto}.sheet{width:max(var(--sheet-min-width),var(--sheet-width));margin:0 auto;background:var(--paper);box-shadow:0 14px 40px #0002;border:1px solid #d8d5d2;padding:var(--sheet-padding)}.sheetHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;background:var(--dark);color:#fff;padding:0 28px}.sheetHeader h1{margin:0;font-size:clamp(28px,2.3vw,58px);font-weight:800;letter-spacing:1px}.brand{font-size:clamp(28px,2vw,44px);font-weight:900;letter-spacing:1px}.pageOneLayout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(250px,.58fr) minmax(0,1.04fr);gap:var(--panel-gap);padding-top:var(--panel-gap);align-items:start}.leftPane,.middlePane,.rightPane{display:grid;gap:var(--panel-gap)}.leftPane{grid-template-rows:auto auto auto auto auto auto auto}.middlePane{grid-template-rows:minmax(420px,1fr) auto auto}.rightPane{grid-template-rows:auto minmax(450px,auto) auto}.panel{background:#fff;border:1px solid var(--line)}.panelTitle{background:var(--soft);color:#292425;font-size:clamp(18px,1.1vw,24px);font-weight:700;line-height:1;padding:12px 16px}.panelTitleCentered{text-align:center}.titleWithHint,.statLabel{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px}.infoHint{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}.infoHintButton{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:999px;background:transparent;color:#8b8582;cursor:help}.infoHintButton:hover,.infoHintButton:focus-visible{color:#211d1d;outline:none}.infoHintButton:focus-visible{box-shadow:0 0 0 2px #16864d}.infoBubble{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:250px;padding:6px 8px;border:1px solid #d8d5d2;background:#fff;color:#6f6965;box-shadow:0 10px 24px #0000001f;font-size:11px;font-weight:400;line-height:1.35;opacity:0;pointer-events:none;text-align:left;white-space:pre-line;transform:translate(-50%) translateY(2px);transition:opacity .12s ease,transform .12s ease}.infoHint:hover .infoBubble,.infoHint:focus-within .infoBubble{opacity:1;transform:translate(-50%) translateY(0)}.infoPanel{padding:24px 18px}.profileGrid{display:grid;gap:22px}.nameRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pairField,.singleField,.splitFieldMain,.splitFieldSide{display:grid;align-items:center}.pairField,.singleField{grid-template-columns:92px minmax(0,1fr);gap:14px}.splitFieldRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.splitFieldMain{grid-template-columns:92px minmax(0,1fr);gap:14px}.splitFieldSide{grid-template-columns:76px repeat(5,20px);column-gap:8px}.splitFieldSide .fieldMarks{display:contents}.fieldRow{display:grid;grid-template-columns:92px minmax(150px,1fr) max-content max-content;align-items:center;gap:10px;min-height:40px}.fieldRow.wide{grid-column:1 / -1}.fieldLabel,.fieldAside{font-size:clamp(18px,1vw,24px);font-weight:700;white-space:nowrap}.fieldLine,.lineFill{border-bottom:2px solid #c8c4c2;min-height:0}.fieldMarks,.counterMarks,.statMarks{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.fieldMarks .mark{width:20px;height:20px}.mark{display:inline-block;width:30px;height:30px;padding:0;border:2px solid #7e7773;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;cursor:pointer;flex:0 0 auto;line-height:0}.mark.ghost{border-style:dotted;border-color:#d3d0ce}.mark.filled{border-color:#202020;background:#202020}.mark:hover,.resourceMark:hover{box-shadow:0 0 0 2px #e5f2eb}.mark:focus-visible,.resourceMark:focus-visible,.fateStep:focus-visible,.coreToggle:focus-visible,.attributeValueField input:focus-visible{outline:2px solid #16864d;outline-offset:2px}.bannerField{display:grid;grid-template-columns:96px minmax(0,1fr)}.bannerTitle{background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:clamp(18px,1vw,24px);font-weight:700;min-height:72px}.bannerBody{min-height:72px}.attributeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--panel-gap)}.attributePanel{display:grid;grid-template-rows:auto 1fr auto;min-height:240px}.attributePanel.core{border-color:#16864d;box-shadow:inset 0 0 0 2px #16864d}.attributePanel .panelTitle{display:flex;align-items:center;justify-content:center;gap:8px}.attributeBody{display:grid;place-items:center;min-height:0;padding:5px 8px}.attributeValueField{display:grid;gap:4px;justify-items:center}.attributeValueField span{color:#8b8582;font-size:13px;font-weight:700;line-height:1}.attributeValueField input{width:56px;min-height:28px;border:1.5px solid #b8b3b0;background:#fff;color:var(--ink);font-family:var(--font-serif);font-size:20px;font-weight:800;line-height:1;padding:0 4px;text-align:center}.attributeValueField input:focus{border-color:#16864d}.coreToggle{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #c8c3bf;background:#fff;color:#8b8582;cursor:pointer}.coreToggle:hover{border-color:#16864d;color:#16864d}.coreToggle.on{border-color:#16864d;background:#16864d;color:#fff}.panelHint{border-top:1px solid var(--line);text-align:center;color:#948e89;padding:10px 8px;font-size:14px}.triplePanels,.doublePanels{display:grid;gap:0}.triplePanels{grid-template-columns:repeat(3,minmax(0,1fr))}.doublePanels{grid-template-columns:repeat(2,minmax(0,1fr))}.doublePanels.compact .textPanel{min-height:154px}.textPanel{display:grid;grid-template-rows:auto 1fr;min-height:180px}.textPanel.vertical{min-height:190px}.textPanelBody{position:relative;min-height:0;color:#8d8885;padding:12px 16px;font-size:18px;line-height:1.35}.textPanelBody span{display:block;max-width:90%}.resourceStrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.resourceGroup{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:14px 10px;border-right:1px solid var(--line)}.resourceGroup:last-child{border-right:0}.resourceRail{display:grid;place-items:center;border-right:1px solid var(--line);background:var(--soft);font-size:18px;font-weight:700}.resourceGroup strong{font-size:18px;text-align:center}.resourceMarks{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:10px 6px}.resourceMarks .mark{width:22px;height:22px;margin:0 auto}.resourceMarks.circle .mark{border-radius:999px}.resourceMarks.bag .mark{border-radius:38% 38% 44% 44%}.resourceMarks.square .mark{border-radius:4px}.resourceMarks.crystal .mark{clip-path:polygon(22% 0,78% 0,100% 24%,100% 76%,78% 100%,22% 100%,0 76%,0 24%)}.resourceMarks.cross .mark{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.portraitPanel{min-height:420px;display:flex}.portraitCanvas{flex:1;display:grid;place-items:center;color:#d0ccca;font-size:clamp(42px,3vw,68px);font-weight:700}.counterBox{display:grid;gap:14px;padding-bottom:12px;overflow:visible}.counterBox .counterMarks{justify-content:center;padding:0 16px}.fateSection{overflow:hidden;border:1px solid var(--line)}.fateHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:42px;padding:0 18px;background:linear-gradient(90deg,#312d2d,#efefef);color:#fff;font-weight:700;font-size:13px}.fateHeader strong{font-size:clamp(24px,1.8vw,36px);color:#8a8582}.fateHeader span:last-child{text-align:right;color:#211d1d}.fateRibbon{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.fateCard{position:relative;display:grid;grid-template-rows:auto 54px auto 1fr;gap:6px;min-height:182px;padding:10px 6px 12px;text-align:center;color:#fff}.fateOrb{position:absolute;right:-11px;width:22px;height:22px;border-radius:999px;background:#fff;z-index:2}.fateOrb.top{top:10px}.fateOrb.bottom{bottom:-11px}.fateCardTitle{font-size:11px;font-weight:700}.fateSlot{width:20px;height:54px;margin:0 auto;background:#fff;border:1px solid #ddd8d5}.fateCardMain,.fateCardSub{white-space:pre-line}.fateCardMain{font-size:clamp(9px,.72vw,14px);line-height:1.25}.fateCardSub{font-size:10px;line-height:1.25;color:#efefef}.fateCardSub.empty{opacity:0}.dark{background:#050505}.dark2{background:#2f2f2f}.dark3{background:#404040}.dark4{background:#585858}.neutral{background:#8a8a8a}.light1{background:#bfbfbf;color:#1f1b1c}.light2{background:#d2d2d2;color:#1f1b1c}.light3{background:#e4e4e4;color:#1f1b1c}.light4{background:#efefef;color:#1f1b1c}.light5{background:#fafafa;color:#1f1b1c}.light1 .fateCardSub,.light2 .fateCardSub,.light3 .fateCardSub,.light4 .fateCardSub,.light5 .fateCardSub{color:#66615e}.talentBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(2,minmax(220px,1fr))}.talentBoard>.panelTitle{grid-column:1 / -1}.talentBox{display:grid;grid-template-rows:auto auto 1fr;gap:10px;padding:16px 14px 14px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.talentBox:nth-child(odd){border-right:0}.talentMeta,.talentEffect{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:18px}.talentEffect{align-items:start}.effectFill{min-height:120px;border-top:1px solid #dedbd8}.bottomSection{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:var(--panel-gap)}.statsPanel{display:grid;gap:14px;padding:16px;overflow:visible}.statRow{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px}.statRow>span{font-size:18px;font-weight:700}.damageThreshold{display:grid;gap:10px}.damageThreshold h4{margin:6px 0 0;font-size:18px}.damageScale{display:grid;grid-template-columns:1fr .46fr 1fr .46fr 1fr .46fr 1fr}.damageScale>span{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);font-size:13px;color:#8b8582}.damageScale .thresholdStep{align-content:start;gap:2px;padding:2px 4px 5px;background:#fff;color:var(--ink)}.thresholdStep b{color:#9c9691;font-size:10px;font-weight:500;line-height:1.1}.thresholdStep em{display:block;width:100%;min-height:18px;padding:1px 3px;border:1px solid #b9b3ae;background:#fff;color:var(--ink);font-style:normal;font-size:13px;line-height:1.2;text-align:left}.damageScale .fill{background:#8a8a8a;color:#fff}.combatPanel{display:grid;gap:var(--panel-gap)}.combatIntro{padding-bottom:12px}.combatIntro p{margin:14px 16px 0 28px;padding-left:16px;border-left:1px solid #d8d3d0;font-size:15px;line-height:1.5;color:#6e6966}.combatSkills{display:grid;gap:10px}.combatSkill{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:108px;border:2px solid #8c8784}.combatSkill b{display:grid;place-items:center;background:gray;color:#fff;font-size:18px}.combatSkill div{padding:18px 16px;font-size:16px;line-height:1.45}.pageTwoLayout{display:grid;grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);gap:var(--panel-gap);padding-top:var(--panel-gap)}.spellRail{display:grid;place-items:center;font-size:34px;font-weight:900}.spellColumn{display:grid;gap:var(--panel-gap)}.spellTable{display:grid;grid-template-rows:auto 44px repeat(var(--rows, 4),minmax(120px,1fr))}.spellTable.tall{min-height:460px}.spellHead,.spellRow{display:grid;grid-template-columns:120px minmax(0,1fr)}.spellHead{border-top:1px solid var(--line)}.spellHead span,.spellRow>div{border-right:1px solid var(--line)}.spellHead span:last-child,.spellRow>div:last-child{border-right:0}.spellHead span{display:grid;place-items:center;color:#8d8885;font-size:16px}.spellRow{min-height:120px;border-top:1px solid var(--line)}.spellName,.spellText{min-height:0}@media (max-width: 1440px){:root{--sheet-min-width: 1080px}.pageOneLayout{grid-template-columns:minmax(0,1.45fr) minmax(220px,.58fr) minmax(0,.97fr)}.mark{width:26px;height:26px}.combatSkill{grid-template-columns:104px minmax(0,1fr)}}@media (max-width: 1180px){.sheet{width:1180px}}@media print{body{background:#fff}.pageTabs,.toolRail{display:none}.appShell{display:block;min-height:0;padding:0;overflow:visible}.stage{padding:0}.sheet{width:100%;min-width:0;box-shadow:none;border:0;margin:0}}:root{--panel-gap: 7px;--sheet-padding: 12px}html,body,#root{height:100%;min-height:0}body{overflow:hidden}.appShell{height:100vh;min-height:0;padding:8px 10px;overflow:hidden}.pageTabs{padding-top:78px}.toolRail{padding-top:76px}.stage{height:calc(100vh - 16px);min-height:0;display:grid;place-items:center;padding:0;overflow:visible}.sheet{width:min(calc(100vw - 20px - var(--page-tab-width) - var(--tool-rail-width)),calc(141.4vh - 104px));min-width:0;aspect-ratio:1414 / 1000;height:auto;display:grid;grid-template-rows:58px minmax(0,1fr);margin:0 auto;padding:var(--sheet-padding);overflow:hidden}.sheetPageOne{position:relative;overflow:visible}.sheetHeader{min-height:0;height:58px;padding:0 10px}.sheetHeader h1{font-size:30px;line-height:1;letter-spacing:0}.brand{max-width:120px;color:#fff;font-size:19px;font-weight:900;line-height:1;letter-spacing:0;text-shadow:2px 2px 0 #5a5a5a,-1px -1px 0 #5a5a5a;transform:skew(-8deg)}.pageOneLayout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:var(--panel-gap);padding-top:var(--panel-gap);align-items:stretch}.leftBlock,.leftTop,.leftPane,.middlePane,.rightPane,.bottomSection,.combatPanel{min-height:0}.leftBlock{display:grid;grid-template-rows:minmax(0,1.06fr) minmax(0,.29fr) minmax(0,.23fr) minmax(0,.25fr) minmax(70px,.12fr);gap:var(--panel-gap)}.leftTop{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:var(--panel-gap)}.leftPane{grid-template-rows:minmax(0,1fr) 54px 54px minmax(0,.66fr);gap:var(--panel-gap)}.middlePane{grid-template-rows:minmax(0,1fr) 91px 91px;gap:var(--panel-gap)}.rightPane{grid-template-rows:122px minmax(0,1fr) 360px;gap:var(--panel-gap)}.panel{min-width:0;overflow:hidden}.panelTitle{padding:8px 10px;font-size:18px;line-height:1}.infoPanel{padding:8px 8px 7px}.profileGrid{height:100%;gap:0;align-content:space-between}.nameRow{gap:14px}.pairField,.singleField,.splitFieldMain{grid-template-columns:58px minmax(0,1fr);gap:8px}.splitFieldRow{gap:10px}.splitFieldSide{grid-template-columns:76px repeat(5,23px);column-gap:5px}.splitFieldSide .fieldAside{justify-self:start}.fieldLabel,.fieldAside{font-size:16px}.fieldLine,.lineFill{border-bottom-width:1px}.mark{width:24px;height:24px;border-width:1.5px}.fieldMarks,.counterMarks,.statMarks{gap:5px}.fieldMarks .mark{width:23px;height:23px}.bannerField{grid-template-columns:54px minmax(0,1fr)}.bannerTitle{min-height:0;font-size:16px}.bannerBody{min-height:0}.attributeGrid{gap:var(--panel-gap);min-height:0}.attributePanel{min-height:0;grid-template-rows:36px minmax(0,1fr) 36px}.attributePanel .panelTitle{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px}.panelHint{padding:8px 4px;font-size:11px;line-height:1.2}.portraitPanel{min-height:0}.portraitCanvas{font-size:30px}.counterBox{gap:6px;padding-bottom:5px}.counterBox .counterMarks{padding:0 10px}.counterBox .mark{width:22px;height:22px}.triplePanels,.doublePanels,.textPanel,.textPanel.vertical,.doublePanels.compact .textPanel{min-height:0}.textPanelBody{padding:10px 12px;font-size:14px;line-height:1.25}.textPanelBody span{max-width:none;text-align:center}.doublePanels .textPanel{grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.doublePanels .panelTitle{display:grid;place-items:center;padding:6px;writing-mode:horizontal-tb}.doublePanels.compact .textPanel:first-child .textPanelBody:before{content:"道源增益";display:block;margin-bottom:8px;padding-bottom:6px;color:#9a9693;border-bottom:1px solid var(--line);text-align:center}.resourceStrip{min-height:0;grid-template-columns:76px repeat(5,minmax(0,1fr))}.resourceGroup{grid-template-columns:34px minmax(0,1fr);gap:4px;padding:4px}.resourceRail,.resourceGroup strong{font-size:16px}.resourceMarks{grid-template-columns:repeat(auto-fit,minmax(12px,1fr));gap:2px 3px;align-content:center}.resourceMarks .mark{width:14px;height:14px}.fateSection{min-height:0}.fateHeader{min-height:26px;padding:0 10px;gap:8px;font-size:10px}.fateHeader strong{font-size:18px;line-height:1}.fateRibbon{height:calc(100% - 26px)}.fateCard{min-height:0;height:100%;grid-template-rows:15px 24px 23px minmax(0,1fr);gap:2px;padding:3px 3px 5px}.fateOrb{right:-8px;width:16px;height:16px}.fateOrb.top{top:-8px}.fateOrb.bottom{bottom:-8px}.fateCardTitle{font-size:8px}.fateSlot{width:18px;height:24px}.fateCardMain{font-size:10px;line-height:1.1}.fateCardSub{font-size:8px;line-height:1.15}.talentBoard{min-height:0;grid-template-rows:32px repeat(2,minmax(0,1fr))}.talentBoard>.panelTitle{display:grid;place-items:center;padding:0}.talentBox{gap:5px;padding:7px 10px}.talentMeta,.talentEffect{gap:8px;font-size:14px}.effectFill{min-height:0;height:100%}.bottomSection{grid-template-columns:minmax(0,1.32fr) minmax(300px,.9fr);gap:var(--panel-gap)}.statsPanel{gap:8px;padding:8px 10px}.statRow{grid-template-columns:66px minmax(0,1fr);gap:8px}.statRow>span{font-size:14px}.statRow .mark{width:23px;height:23px}.damageThreshold{gap:5px}.damageThreshold h4{margin:3px 0 0;font-size:14px}.damageScale>span{min-height:32px;font-size:10px}.combatIntro{padding-bottom:8px}.combatIntro p{margin:12px 12px 0 70px;padding-left:14px;font-size:11px;line-height:1.25}.combatSkill{grid-template-columns:104px minmax(0,1fr);min-height:79px;border-width:2px}.combatSkill b{font-size:14px}.combatSkill div{padding:12px;font-size:13px;line-height:1.3}.combatIntro p{margin-left:82px}.pageTwoLayout{height:100%;min-height:0;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:9px}.spellRail,.spellColumn,.spellTable,.spellRow{min-height:0}.spellRail{justify-content:start;padding-left:7px;font-size:18px;line-height:1}.spellColumn{gap:12px;grid-template-rows:minmax(0,1.36fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,.9fr)}.spellColumn.right{grid-template-rows:minmax(0,1.78fr) minmax(0,1fr)}.spellTable,.spellTable.tall{min-height:0;border:4px solid #e9e9e9;background:#e9e9e9;grid-template-rows:24px 26px repeat(var(--rows, 4),minmax(0,1fr));overflow:visible}.spellTable:before,.spellTable:after{content:"";position:absolute;right:-6px;width:11px;height:11px;border-radius:999px;background:#fff}.spellTable{position:relative}.spellTable:before{top:-6px}.spellTable:after{bottom:-6px}.spellTable .panelTitle{display:grid;place-items:center;padding:0 8px;background:#e9e9e9;font-size:15px}.spellHead,.spellRow{grid-template-columns:86px minmax(0,1fr);background:#fff}.spellHead span{color:#5f5b58;font-size:13px}.spellHead{border-top:0}.spellRow{border-top:2px solid #eeeeee}.spellHead span,.spellRow>div{border-right-color:#eee}.originInsight .spellRow{min-height:0}@media (max-height: 850px){:root{--page-tab-width: 60px;--tool-rail-width: 62px}.pageTabs,.toolRail{gap:6px;padding-top:62px}.pageTabs button{min-height:88px;padding:10px 6px;font-size:14px}.toolButton{min-height:60px;font-size:12px}.stage{height:calc(100vh - 12px)}.sheet{width:min(calc(100vw - 12px - var(--page-tab-width) - var(--tool-rail-width)),calc(177.8vh - 112px));--sheet-padding: 9px;grid-template-rows:48px minmax(0,1fr)}.sheetHeader{height:48px}.sheetHeader h1{font-size:25px}.brand{font-size:16px}.panelTitle{font-size:15px}.fieldLabel,.fieldAside,.bannerTitle,.resourceRail,.resourceGroup strong{font-size:14px}.mark{width:21px;height:21px}}@media screen{.sheet{width:min(calc(100vw - 20px - var(--page-tab-width) - var(--tool-rail-width)),calc(177.8vh - 138px));aspect-ratio:16 / 9}.pageOneLayout{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)}.leftTop{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr)}.fateCard{padding-inline:5px}.fateCardTitle{font-size:9px}.fateCardSub{font-size:8.5px}.damageScale>span{font-size:11px}.combatSkill{grid-template-columns:112px minmax(0,1fr)}.combatSkill div{padding-inline:14px}}.doublePanels .textPanel{grid-template-columns:96px minmax(0,1fr)}.doublePanels .panelTitle{white-space:nowrap;font-size:17px;line-height:1}.resourceStrip{grid-template-columns:66px repeat(5,minmax(0,1fr))}.resourceRail{font-size:17px}.resourceGroup{grid-template-columns:minmax(0,1fr);grid-template-rows:18px minmax(0,1fr);gap:2px;padding:2px 8px 5px;align-items:stretch}.resourceGroup strong{display:grid;place-items:center;font-size:13px;line-height:1}.resourceMarks{display:grid;grid-template-columns:repeat(var(--resource-columns, 5),max-content);grid-auto-rows:max-content;place-content:center;gap:5px 7px}.resourceMark{display:block;width:18px;height:18px;padding:0;border:1.7px solid #202020;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;line-height:0}.resourceMark.circle{border-radius:999px}.resourceMark.bag{position:relative;border-radius:30% 30% 42% 42%}.resourceMark.bag:before{content:"";position:absolute;left:3px;right:3px;top:-5px;height:5px;border:1.5px solid #202020;border-bottom:0;border-radius:8px 8px 0 0;background:#fff}.resourceMark.resourceFilled{background:#202020}.resourceMark.resourceFilled.bag:before{background:#202020}.resourceMark.square{border-radius:3px}.resourceMark.triangle,.resourceMark.star{position:relative;border:0;background:transparent}.resourceMark.triangle:before,.resourceMark.triangle:after,.resourceMark.star:before,.resourceMark.star:after{content:"";position:absolute;display:block;pointer-events:none}.resourceMark.triangle:before,.resourceMark.star:before{top:0;right:0;bottom:0;left:0;background:#202020}.resourceMark.triangle:after,.resourceMark.star:after{background:#fff}.resourceMark.triangle:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.resourceMark.triangle:after{top:3px;right:2.5px;bottom:2px;left:2.5px;clip-path:polygon(50% 0,100% 100%,0 100%)}.resourceMark.star:before{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)}.resourceMark.star:after{top:3px;right:3px;bottom:3px;left:3px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)}.resourceMark.resourceFilled.triangle:after,.resourceMark.resourceFilled.star:after{background:#202020}.rightPane{grid-template-rows:92px minmax(0,1fr) 392px}.fateSection{border:0;background:#fff;overflow:visible;position:relative;z-index:8}.fateHeader{min-height:32px;padding:0 14px;background:linear-gradient(90deg,#231f20,#706a6c 18%,#e8e8e8 58%,#f7f7f7);font-size:16px;line-height:1}.fateHeader strong{color:#6d6a68;font-size:25px;line-height:1}.fateHeader span:first-child{font-size:17px}.fateHeader span:last-child{color:#050505;font-size:17px}.fateRibbon{position:relative;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));height:calc(100% - 32px);overflow:visible}.fateStep{position:relative;display:grid;place-items:center;min-width:0;height:100%;padding:0 3px;border:0;border-right:1px solid #ffffff55;color:#fff;font:inherit;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.fateStep:after{content:"";position:absolute;right:-6px;top:50%;z-index:2;width:12px;height:12px;border-radius:999px;background:#fff;transform:translateY(-50%)}.fateStep:last-child:after{display:none}.fateStep .fateCardTitle{position:relative;z-index:1;display:block;max-width:100%;color:inherit;font-size:clamp(10px,.66vw,14px);font-weight:800;line-height:1.05;white-space:nowrap}.fateStep.light1,.fateStep.light2,.fateStep.light3,.fateStep.light4,.fateStep.light5{color:#171313}.fateStep.neutral .fateCardTitle{color:#fff;font-size:clamp(11px,.72vw,16px)}.fateHover{position:absolute;left:50%;z-index:40;display:grid;gap:3px;width:max-content;min-width:92px;max-width:170px;padding:6px 8px;border:1px solid #d7d3d0;background:#fff;color:#211d1d;box-shadow:0 10px 26px #00000024;font-size:11px;line-height:1.25;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%) scale(.98);transition:opacity .12s ease,transform .12s ease}.fateHover b{font-size:11px;line-height:1}.fateHover span{white-space:pre-line}.fateHoverTop{bottom:calc(100% + 9px)}.fateHoverBottom{top:calc(100% + 9px)}.fateStep:hover,.fateStep:focus,.fateStep:focus-visible{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #252021}.fateStep.selected,.fateStep.selected:hover,.fateStep.selected:focus,.fateStep.selected:focus-visible{box-shadow:inset 0 0 0 3px #16864d,inset 0 0 0 5px #fff}.fateStep:hover .fateHover,.fateStep:focus .fateHover,.fateStep:focus-visible .fateHover{opacity:1;transform:translate(-50%) scale(1)}.combatPanel{height:100%}.combatSkills{height:100%;grid-template-rows:repeat(3,minmax(0,1fr))}.combatSkill{min-height:0}.counterBox,.statsPanel{overflow:visible}@media screen{:root{--page-tab-width: 66px;--tool-rail-width: 68px}.pageTabs{gap:8px;padding-top:78px}.toolRail{gap:8px;padding-top:76px}.pageTabs button{min-height:104px;padding:14px 8px;font-size:16px}.toolButton{min-height:68px;font-size:13px}.stage{height:calc(100vh - 16px)}.sheet{--sheet-padding: 12px;grid-template-rows:58px minmax(0,1fr)}.sheetHeader{height:58px}.sheetHeader h1{font-size:30px}.brand{font-size:19px}.panelTitle{font-size:18px}.fieldLabel,.fieldAside,.bannerTitle,.resourceRail,.resourceGroup strong{font-size:16px}.mark{width:24px;height:24px}.rightPane{grid-template-rows:92px minmax(0,1fr) 392px}.statsPanel{gap:6px;padding:7px 10px}.statRow{gap:7px}.statRow>span,.damageThreshold h4{font-size:14px}.damageThreshold{gap:3px}.damageThreshold h4{margin:1px 0 0}.damageScale>span{min-height:28px;font-size:10px}}@media (max-width: 1500px),(max-height: 820px){.hintPopover{width:206px}.conflictContent p{min-height:38px;font-size:11px}}@media print{body{overflow:visible}.appShell{display:block;height:auto;padding:0;overflow:visible}.pageTabs,.toolRail{display:none}.stage{height:auto;overflow:visible}.sheet{width:100%;aspect-ratio:auto;min-height:100vh}}@media screen{html,body,#root{height:auto;min-height:100%}body{overflow:auto}.appShell{width:100%;min-width:max-content;min-height:100vh;height:auto;grid-template-columns:var(--page-tab-width) 1760px var(--tool-rail-width);align-items:start;padding:8px 10px 36px;overflow:visible}.pageTabs{gap:8px;padding-top:78px}.toolRail{gap:8px;padding-top:76px}.pageTabs button{width:var(--page-tab-width);min-height:104px;padding:14px 8px;font-size:16px}.toolButton{width:var(--tool-rail-width);min-height:68px;font-size:13px}.stage{width:1760px;height:990px;display:block;place-items:unset;overflow:visible}.sheetScaler{width:1760px;height:990px;flex:none}.sheet{width:1760px;height:990px;min-width:0;aspect-ratio:auto;transform:none}.sheetHeader{height:58px}.sheetHeader h1{font-size:30px}.brand{font-size:19px}.panelTitle{font-size:18px}.fieldLabel,.fieldAside,.bannerTitle,.resourceRail,.resourceGroup strong{font-size:16px}.mark{width:24px;height:24px}}.lineField{align-items:end}.fillInput{width:100%;min-width:0;border:0;border-bottom:1.5px solid #c8c4c2;background:transparent;padding:0 2px 2px;font-family:var(--font-serif);font-size:16px;line-height:1.5;color:var(--ink)}.fillInput:focus{border-bottom-color:#16864d}.selectorField{align-items:center}.selectorBox{display:flex;align-items:center;width:100%;min-height:28px;padding:3px 10px;border:1.5px solid #b8b3b0;background:#fafafa;font-family:var(--font-serif);font-size:15px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.selectorBox:hover,.selectorBox:focus-visible{border-color:#16864d;background:#f1f7f3}.selectorBox.filled{background:#fff;border-color:#6f6a66}.selectorPlaceholder{font-weight:400;color:#9a948f}.selectorPanel .textPanelBody{display:grid;place-items:center;padding:10px}.selectorPanel .selectorBox{justify-content:center;text-align:center;font-size:16px}.fillText{font-size:14px;line-height:1.4;color:var(--ink)}.fillText.empty{color:#b3aeaa;font-style:italic}.fillStack{display:grid;gap:5px;width:100%;text-align:left}.fillLine{font-size:13px;line-height:1.4;color:var(--ink)}.fillLine b{display:inline-block;margin-right:6px;padding:0 5px;background:#ece9e6;color:#5f5b58;font-size:12px;font-weight:700}.sourceAbilityStack{display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px;width:100%;height:100%;text-align:left}.sourceBuffLine{display:flex;align-items:center;gap:6px;min-height:20px;color:#5f5b58;font-size:12px;line-height:1.2}.sourceBuffLine b{flex:0 0 auto;padding:2px 5px;background:#ece9e6;color:#5f5b58;font-size:11px;line-height:1}.sourceBuffLine span{display:block;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap}.sourceAbilityText{min-height:0;color:var(--ink);font-size:13px;line-height:1.35;overflow:hidden}.doublePanels .textPanelBody{display:block;text-align:left}.doublePanels.compact .textPanel:first-child .textPanelBody:before{content:none}.spellName,.spellText{padding:6px 9px;font-size:12.5px;line-height:1.35;color:var(--ink);overflow:hidden}.spellName{font-weight:600}.libraryOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#1c18188c}.libraryModal{display:flex;flex-direction:column;width:min(920px,100%);max-height:86vh;background:var(--paper);border:1px solid #2a2626;box-shadow:0 24px 60px #00000059;font-family:var(--font-serif)}.libraryHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--dark);color:#fff}.libraryHeader h2{display:flex;align-items:center;margin:0;font-size:20px;font-weight:700;letter-spacing:1px}.librarySep{margin:0 8px;color:#b6b0aa}.libraryClose{display:grid;place-items:center;width:30px;height:30px;border:1px solid #5b5658;background:transparent;color:#fff;cursor:pointer}.libraryClose:hover{background:#4a4446}.libraryGrid{display:block;column-width:230px;column-gap:14px;padding:18px;overflow:auto}.libraryCard{display:inline-flex;flex-direction:column;width:100%;height:auto;margin:0 0 14px;break-inside:avoid;overflow:visible;padding:0;border:1px solid #c4bfbb;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.libraryCard:hover{border-color:#16864d;box-shadow:0 6px 18px #0000001f}.libraryCard.selected{border-color:#16864d;box-shadow:inset 0 0 0 2px #16864d}.libraryCardTitle{padding:9px 12px;background:#f0ede9;border-bottom:1px solid #d9d4d0;font-size:16px;font-weight:700}.libraryCard.selected .libraryCardTitle{background:#16864d;color:#fff;border-bottom-color:#16864d}.libraryCardBody{padding:4px 12px 12px;font-size:13px;line-height:1.5;color:#5f5b58;overflow:visible}.libraryCard.blank .libraryCardTitle{background:#e7e4e1;color:#6e6966}.methodInsightModal{width:min(1040px,100%)}.libraryToolbar{display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid #d8d2cc;background:#f7f4f0}.libraryBack,.libraryDone{min-height:30px;padding:5px 12px;border:1px solid #bdb5ae;background:#fff;color:var(--ink);font-family:var(--font-serif);font-size:13px;font-weight:700;cursor:pointer}.libraryDone{border-color:#16864d;background:#16864d;color:#fff}.libraryBack:hover,.libraryBack:focus-visible{border-color:#16864d}.libraryDone:hover,.libraryDone:focus-visible{background:#0f6f3e}.libraryChoiceSummary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:#5f5b58;font-size:13px;font-weight:700}.libraryChoiceSummary span{padding:2px 8px;border:1px solid #d0cac4;background:#fff}.libraryInsightScroll{overflow:auto;padding:18px}.libraryChoiceSection+.libraryChoiceSection{margin-top:20px}.librarySectionTitle{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;border-bottom:2px solid #2a2626}.librarySectionTitle h3{margin:0;padding-bottom:5px;font-size:17px}.librarySectionTitle span{color:#6b6660;font-size:13px;font-weight:700}.libraryInsightGrid{padding:0;overflow:visible}@media (max-width: 560px){.libraryGrid{column-width:auto;column-count:1}.libraryToolbar{grid-template-columns:1fr}.libraryChoiceSummary{justify-content:flex-start}}