.unitStatChips{display:flex;flex-direction:column;gap:max(2px,.4vh);font-family:monospace;font-size:max(13px,1.9vh);line-height:1;color:#ffffffeb}.unitStatChips .statRow{display:flex;align-items:stretch;gap:max(2px,.4vh);min-width:0}.unitStatChips .statRow>.statChip{flex:1 1 0}.unitStatChips .statChip{display:flex;align-items:center;justify-content:center;gap:.3vh;min-width:0;padding:0 .3vh;box-sizing:border-box;border:1px solid rgba(255,255,255,.22);border-radius:.3vh;background:rgba(0,0,0,.4);white-space:nowrap;overflow:hidden}.unitStatChips .statRow--health>.statChip{flex:0 0 auto}.unitStatChips .statRow--health>.statChip--health{flex:1 1 auto;max-width:75%;justify-content:flex-start;gap:.5vh}.unitStatChips .statChipName{flex:0 0 auto;font-size:max(16px,2.2vh);line-height:1;color:#9ab0c0}.unitStatChips .statChipValue{min-width:0;overflow:hidden;text-overflow:ellipsis}.unitStatChips .statChipBonus{color:#a8e063;margin-left:.3vh}.healthPips{display:flex;flex-direction:column;align-items:flex-start;gap:max(1px,.15vh);min-width:0;--pip: max(6px, .9vh)}.healthPipRow{display:flex;gap:max(1px,.15vh);min-width:0;align-items:center;overflow:hidden}.healthPip{width:var(--pip);height:var(--pip);display:block;image-rendering:pixelated;flex:0 0 auto}.healthPipMore{font-family:monospace;font-size:max(13px,1.4vh);line-height:1;color:#a8e063;margin-left:.3vh;white-space:nowrap}.healthPipGuard{width:max(2px,.3vh);height:calc(var(--pip) + max(2px,.3vh));background:#f2d16b;flex:0 0 auto;border-radius:1px}.skillCard{--charge-time: #3fc9c0;--charge-autoattack: #e0a63c;--charge-mana: #4f9fe8;--charge-damagetaken: #d24a4a;--charge-summon: #a06fdc;--card-pad-left: clamp(22px, 5.4vh, 28px);position:relative;width:clamp(180px,33vw,260px);box-sizing:border-box;background:linear-gradient(180deg,#232338 0%,#1a1a2b 100%);border:2px solid #4a4a6a;border-radius:10px;box-shadow:0 4px 14px #00000073;color:#e6e6ef;padding:clamp(12px,3.2vh,16px) clamp(9px,2.2vh,12px) clamp(9px,2.2vh,12px) var(--card-pad-left)}.skillCardChips{position:absolute;top:0;left:50%;transform:translate(-50%,-55%);display:flex;gap:clamp(3px,.7vh,5px);max-width:100%;flex-wrap:nowrap}.skillCardChip{display:inline-flex;align-items:center;justify-content:center;width:clamp(36px,8.4vh,48px);height:clamp(18px,4.2vh,24px);box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;color:#fff;font-size:clamp(13px,1.6vh,15px);font-weight:700;line-height:1;white-space:nowrap}.skillCardChipValue{text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.skillCardHeader{text-align:center;font-size:clamp(14px,2.1vh,17px);font-weight:700;letter-spacing:.02em;padding-bottom:clamp(5px,1.2vh,8px);border-bottom:1px solid #45455f}.skillCardBody{position:relative;padding-top:clamp(7px,1.6vh,10px)}.skillCardSphere{position:absolute;left:calc(-1 * var(--card-pad-left));top:0;transform:translate(-50%,-18%);width:clamp(32px,7.4vh,42px);height:clamp(32px,7.4vh,42px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--charge) 70%,#fff),var(--charge));border:2px solid rgba(0,0,0,.5);box-shadow:0 0 10px color-mix(in srgb,var(--charge) 55%,transparent),0 2px 6px #00000080}.skillCardSphereMark{position:absolute;font-size:clamp(18px,4.4vh,24px);opacity:.28;line-height:1;pointer-events:none}.skillCardSphereValue{position:relative;font-size:clamp(16px,2.9vh,20px);font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.skillCardText{margin:0 0 clamp(5px,1.2vh,8px);font-size:clamp(13px,1.75vh,15px);line-height:1.35;color:#c9c9da}.skillCardStat{font-weight:700}.skillCardEnchantment{padding:clamp(4px,.9vh,6px) 0;border-top:1px solid #3a3a52;font-size:clamp(13px,1.6vh,15px);line-height:1.3;color:#d6c8f5}.skillCardEnchantmentName{font-weight:700;color:#b58cff}.skillCardEnchantmentMock{color:#8f8aa8}.skillCardExec{display:flex;flex-wrap:wrap;gap:clamp(5px,1.3vh,9px);align-items:center;padding:clamp(4px,.9vh,6px) 0;border-top:1px solid #3a3a52;font-size:clamp(13px,1.6vh,15px);color:#a9a9c0}.skillCardExecItem{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.skillCardTags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(4px,.8vh,6px);padding-top:clamp(4px,.9vh,6px)}.skillCardTag{padding:clamp(2px,.4vh,4px) clamp(5px,1vh,8px);border-radius:4px;background:#2e2e44;border:1px solid #45455f;color:#b6b6ca;font-size:clamp(13px,1.45vh,14px);line-height:1.2;white-space:nowrap}.skillCardTag.charge{background:color-mix(in srgb,var(--charge) 22%,#2e2e44);border-color:var(--charge);color:#f2f2f8;font-weight:700}.info-popup{position:fixed;z-index:1000;background-color:#1a1a2e;border:2px solid #4a4a6a;border-radius:8px;padding:12px 16px;min-width:200px;max-width:300px;box-shadow:0 4px 12px #0006;color:#e0e0e0;pointer-events:none;max-height:calc(100vh - 12px);overflow-y:auto}.info-popup .info-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid #4a4a6a;padding-bottom:8px}.info-popup .info-popup-name{margin:0;font-size:1.1em;font-weight:700;color:#fff}.info-popup .info-popup-element{font-size:.8em;padding:2px 6px;border-radius:4px;background-color:#3a3a5a;color:#aaa}.info-popup .info-popup-description{margin:0 0 10px;font-size:.9em;line-height:1.4;color:#ccc}.info-popup .info-popup-tier{margin-top:8px;font-size:.75em;color:#888;text-align:right}.info-popup--enemy{max-width:min(360px,90vw)}.enemyStatCard{display:flex;flex-direction:column;gap:max(4px,.8vh)}.enemyStatCard .enemyCardHeader{display:flex;align-items:center;gap:.8vh;min-width:0}.enemyStatCard .enemyCardPortrait{flex:0 0 auto;width:clamp(28px,7vh,64px);height:clamp(28px,7vh,64px);border-radius:.8vh;object-fit:contain;border:.15vh solid rgba(0,0,0,.35);background-color:azure}.enemyStatCard .enemyCardTitle{display:flex;flex-direction:column;gap:.3vh;min-width:0}.enemyStatCard .enemyCardName{font-family:fantasy;font-size:max(13px,2vh);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enemyStatCard .enemyCardTags{display:flex;gap:.8vh;font-family:monospace;font-size:max(13px,1.3vh);color:#9ab0c0;white-space:nowrap}.enemyStatCard .enemyCardEncounter{display:flex;gap:1.2vh;font-family:monospace;font-size:max(13px,1.5vh);color:#f0d078}.enemyStatCard .enemyCardSkills{display:flex;flex-wrap:wrap;gap:max(3px,.5vh)}.enemyStatCard .enemyCardSkillSlot{width:clamp(28px,5vh,44px);height:clamp(28px,5vh,44px);background-color:#0009;border:1px solid rgba(255,255,255,.9);border-radius:.5vh;box-sizing:border-box}.enemyStatCard .info-popup-progress{margin-top:max(4px,.6vh);padding-top:max(4px,.6vh);border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:max(2px,.3vh)}.enemyStatCard .info-popup-progress-count{font-family:monospace;font-size:max(13px,1.6vh);font-weight:700;color:#f0d078}.enemyStatCard .info-popup-progress-step{display:flex;gap:max(4px,.6vh);font-size:max(13px,1.5vh);color:#cfc7b2}.enemyStatCard .info-popup-progress-step.active{color:#a7e08a}.enemyStatCard .info-popup-progress-mark{flex:0 0 auto;font-weight:700}.info-popup--card{background:none;border:none;border-radius:0;box-shadow:none;min-width:0;max-width:none;overflow:visible;padding:clamp(14px,3vh,18px) 0 0 clamp(20px,5vh,26px)}.runLowerDetail{margin-top:1.4vh;padding:1vh 1.4vh;border:1px solid #3a2f26;border-radius:.8vh;background:rgba(24,19,16,.92);color:#d8cbb6;font-size:max(13px,1.9vh);line-height:1.35}.runDetailName{display:block;margin-bottom:.4vh;color:#d9a441;font-weight:600;font-size:max(13px,2.1vh)}.runInertNotice{display:block;margin-top:.6vh;padding:.5vh 1vh;border:1px dashed #c86b4a;border-radius:.6vh;color:#c86b4a;font-size:max(13px,1.7vh)}.runArtMissing{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.4vh;box-sizing:border-box;border:1px dashed #6b5a45;background:repeating-linear-gradient(45deg,#221c17,#221c17 6px,#1a1512 6px,#1a1512 12px);color:#7d6a52;text-align:center;font-size:max(13px,1.5vh)}.runScaffoldNote{display:inline-block;margin-bottom:1vh;padding:.4vh 1.2vh;border:1px dashed #6b5a45;border-radius:.6vh;background:rgba(217,164,65,.06);color:#b09873;font-size:max(13px,1.7vh)}.eventChoice{display:flex;flex-direction:column}.eventCircles{display:flex;justify-content:center;align-items:flex-start;gap:4vh}.eventCircle{display:flex;flex-direction:column;align-items:center;gap:.6vh;padding:0;border:none;background:none;color:#d8cbb6;cursor:pointer}.eventCircle:disabled{cursor:default}.eventCircleArt{--circle-d: 20vh;--circle-w: 30vh;display:block;width:var(--circle-w);height:var(--circle-d);min-width:max(20px,var(--circle-d));border-radius:10%/40%;overflow:hidden;border:.4vh solid #3a2f26;background:#15110e;box-shadow:0 0 1.4vh #0009}.eventCircleArt img{width:100%;height:100%;object-fit:cover;display:block}.eventCircle.chosen .eventCircleArt{border-color:#d9a441;box-shadow:0 0 1.8vh #d9a44173}.eventCircle.inert .eventCircleArt{filter:grayscale(.85);border-style:dashed}.eventCircleName{max-width:22vh;text-align:center;font-size:max(13px,1.8vh);color:#d8cbb6}.eventCircle.chosen .eventCircleName{color:#d9a441}.eventCircleFlag{font-size:max(13px,1.5vh);color:#c86b4a}.eventGrants{display:flex;flex-wrap:wrap;gap:.6vh;margin-top:.6vh}.eventGrant{padding:.3vh .9vh;border:1px solid #3a2f26;border-radius:.5vh;background:rgba(217,164,65,.08);color:#e2cfa4;font-size:max(13px,1.7vh)}.eventGrant.nextCombat{background:rgba(120,150,200,.1);color:#a8bcd8}.eventOptions{display:flex;flex-wrap:wrap;gap:1vh;margin-top:1vh}.eventOption{display:flex;flex-direction:column;align-items:flex-start;gap:.4vh;min-width:max(120px,22vh);max-width:max(220px,40vh);padding:.8vh 1.2vh;border:1px solid #3a2f26;border-radius:.8vh;background:rgba(20,14,8,.6);color:#e2cfa4;text-align:left;cursor:pointer}.eventOption.chosen{border-color:#d9a441;box-shadow:0 0 1.2vh #d9a44173}.eventOption.focused{border-color:#c9c9d6;box-shadow:0 0 1vh #c9c9d673}.eventOption:disabled:not(.chosen){opacity:.45;cursor:default}.eventOptionArt{width:max(32px,7vh);height:max(32px,7vh);object-fit:cover;border-radius:.8vh}.eventOptionArt.landscape{width:100%;min-width:max(96px,18vh);height:auto;aspect-ratio:3/2}.eventOptionLabel{font-weight:700;font-size:max(14px,2vh)}.eventOptionText{font-size:max(13px,1.6vh);color:#cdbb93}.marketStage{position:absolute;inset:0;display:flex;flex-direction:column}.marketTopBand{flex:0 0 25vh;display:flex;align-items:center;justify-content:center}.marketCenterBand{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:1.2vh;padding:0 2vh 1vh;box-sizing:border-box;overflow-y:auto}.runActivity:has(.marketStage)>.runViewTitle{display:none}.marketEmpty{color:#a08f76;font-size:max(13px,1.9vh)}.marketDetail{max-width:90vh;margin-top:0;display:flex;flex-direction:column;gap:.4vh}.marketBuyHint{color:#d9a441;font-size:max(13px,1.7vh)}.marketMerchant{flex:0 0 auto;width:20vh;height:20vh;min-width:max(20px,20vh);border-radius:50%;overflow:hidden;border:.4vh solid #3a2f26;background:#15110e}.marketMerchant img{width:100%;height:100%;object-fit:cover;display:block}.marketShelves{flex:1 1 auto;display:flex;flex-direction:column;gap:1.6vh}.marketShelf{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:3vh;padding-bottom:1.6vh;border-bottom:.4vh solid #4a3a2a}.marketProduct{display:flex;flex-direction:column;align-items:center;gap:.4vh;padding:0;border:none;background:none;cursor:pointer}.marketProductIcon{width:13vh;height:13vh;min-width:max(20px,13vh);border:.3vh solid transparent;border-radius:.6vh;background:#15110e;overflow:hidden}.marketProductIcon img{width:100%;height:100%;object-fit:contain;display:block}.marketProduct.selected .marketProductIcon{border-color:#8d7a5c}.marketProduct.inCart .marketProductIcon{border-color:#d9a441;box-shadow:0 0 1.2vh #d9a44166}.marketPriceTag{padding:.2vh .8vh;border:1px solid #6b5a45;border-radius:.4vh;background:#251d16;color:#e2cfa4;font-size:max(13px,1.7vh);white-space:nowrap}.marketPriceTag.unaffordable{color:#c86b4a;border-color:#c86b4a}.marketCart{display:flex;flex-wrap:wrap;align-items:center;gap:1.2vh;margin-top:1.2vh;font-size:max(13px,1.9vh);color:#d8cbb6}.marketCartTotal{color:#d9a441;font-weight:600;font-size:max(13px,1.9vh)}.marketRule{display:block;margin-bottom:.8vh;color:#d8cbb6;font-size:max(13px,1.8vh)}.marketRule b{color:#d9a441}.marketGap{display:block;margin-top:.8vh;color:#b09873;font-size:max(13px,1.6vh)}.recruitCandidates{display:flex;justify-content:center;gap:4vh}.recruitCandidate{display:flex;flex-direction:column;align-items:center;gap:.6vh;padding:0;border:none;background:none;color:#d8cbb6;cursor:pointer}.recruitPortrait{width:20vh;height:20vh;min-width:max(20px,20vh);border-radius:50%;overflow:hidden;border:.4vh solid #3a2f26;background:#15110e}.recruitPortrait img{width:100%;height:100%;object-fit:cover;display:block}.recruitCandidate.chosen .recruitPortrait{border-color:#d9a441;box-shadow:0 0 1.8vh #d9a44173}.recruitName{font-size:max(13px,1.8vh)}.recruitCandidate.chosen .recruitName{color:#d9a441}.recruitStats{display:flex;gap:1vh;font-size:max(13px,1.6vh);color:#a08f76}.recruitFull{padding:1.2vh 1.6vh;border:1px dashed #c86b4a;border-radius:.8vh;color:#c86b4a;font-size:max(13px,1.9vh);line-height:1.35}.rotationSummary{display:flex;flex-direction:column;gap:1.2vh}.rotationZones{display:flex;flex-wrap:wrap;gap:1.4vh}.rotationZone{flex:1 1 24vh;min-width:24vh;padding:1vh 1.2vh;border:1px dashed #7a5a3a;border-radius:.8vh;background:rgba(31,25,21,.9)}.rotationZoneName{display:block;margin-bottom:.6vh;color:#c9b189;font-weight:600;font-size:max(13px,2vh);filter:grayscale(.6)}.rotationLine{display:flex;justify-content:space-between;gap:1vh;color:#d8cbb6;font-size:max(13px,1.8vh)}.rotationLoss{color:#c86b4a;font-size:max(13px,1.8vh)}.rotationSafe{color:#a08f76;font-size:max(13px,1.8vh)}.rotationNothing{padding:1.2vh 1.6vh;border:1px solid #3a2f26;border-radius:.8vh;background:#1f1915;color:#d8cbb6;font-size:max(13px,1.9vh)}.rotationSkip{align-self:flex-start;padding:.7vh 1.6vh;min-height:max(20px,4.4vh);border:1px solid #d9a441;border-radius:.7vh;background:rgba(217,164,65,.12);color:#d9a441;font-size:max(13px,1.9vh);cursor:pointer}.rotationSkip:disabled{border-color:#3a2f26;background:none;color:#a08f76;cursor:default}.rankFrame{position:relative;display:inline-block;width:100%;aspect-ratio:1;--rank-frame-bg: #1c1815;--frame-bleed: .16}.rankFrame .rankFrameIcon{position:absolute;inset:calc((13 * (1 + 2 * var(--frame-bleed)) - 100 * var(--frame-bleed)) * 1%);z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.rankFrame .rankFrameIcon img{width:100%;height:100%;object-fit:contain;display:block}.rankFrame:before{content:"";position:absolute;inset:calc((16 * (1 + 2 * var(--frame-bleed)) - 100 * var(--frame-bleed)) * 1%);z-index:0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rank-frame-bg),#fff 18%) 0%,var(--rank-frame-bg) 55%,color-mix(in srgb,var(--rank-frame-bg),#000 45%) 100%);pointer-events:none}.rankFrame .rankFrameBorder{position:absolute;inset:calc(var(--frame-bleed) * -100%);z-index:0;width:calc(100% * (1 + 2 * var(--frame-bleed)));height:calc(100% * (1 + 2 * var(--frame-bleed)));max-width:none;pointer-events:none;image-rendering:pixelated}.rankFrame.round .rankFrameIcon,.rankFrame.round:before{border-radius:50%}.rankFrame.hex:before{clip-path:polygon(50% 0,100% 27%,100% 73%,50% 100%,0 73%,0 27%)}.rankFrame.hex .rankFrameIcon{clip-path:polygon(50% 0,100% 27%,100% 73%,50% 100%,0 73%,0 27%)}.rewardOptionFrame{width:9vh;min-width:max(44px,9vh);align-self:center}.pveRewardsScreen{position:absolute;inset:0;display:flex;flex-direction:column}[data-run-activity=PVE_REWARDS]>.runViewTitle{display:none}.rewardTrack{flex:0 0 25vh;display:flex;justify-content:center;align-items:center;gap:4vh;padding:0 2vh;box-sizing:border-box}.rewardTrackEntry{display:flex;flex-direction:column;align-items:center;gap:.6vh;padding:0;border:none;background:none;color:#d8cbb6;cursor:pointer;touch-action:manipulation}.rewardTrackEntry.pending{opacity:.55}.rewardTrackCircle{position:relative;display:block;width:15vh;height:15vh;min-width:max(44px,15vh);min-height:max(44px,15vh)}.rewardTrackArt{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:.4vh solid #3a2f26;background:#15110e;box-shadow:0 0 1.4vh #0009;display:flex;align-items:center;justify-content:center}.rewardTrackArt img{width:100%;height:100%;object-fit:cover;display:block}.rewardTrackEntry[data-run-reward-track=item] .rewardTrackArt img,.rewardTrackEntry[data-run-reward-track=gold] .rewardTrackArt img{width:72%;height:72%;object-fit:contain;image-rendering:pixelated}.rewardTrackEntry[data-run-reward-track=levelup] .rewardTrackArt img{image-rendering:pixelated}.rewardTrackEntry.active .rewardTrackArt{border-color:#c9d7e8;animation:rewardTrackPulse 1.4s ease-in-out infinite}.rewardTrackEntry.done .rewardTrackArt{border-color:#d9a441;box-shadow:0 0 1.8vh #d9a44173}.rewardTrackBadge{position:absolute;right:-1vh;bottom:-1vh;width:max(24px,6vh);height:max(24px,6vh);pointer-events:none;image-rendering:pixelated}.rewardTrackCaption{max-width:22vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:max(13px,1.8vh)}.rewardTrackEntry.active .rewardTrackCaption{color:#c9d7e8}.rewardTrackEntry.done .rewardTrackCaption{color:#d9a441}@keyframes rewardTrackPulse{0%,to{box-shadow:0 0 1vh #c9d7e859}50%{box-shadow:0 0 2.6vh #c9d7e8cc}}.pveRewardsCenter{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2vh;padding:0 2vh 1vh;box-sizing:border-box}.artChoices{display:flex;justify-content:center;align-items:flex-start;gap:5vh}.artChoice{display:flex;flex-direction:column;align-items:center;gap:1vh;padding:1.2vh 1.4vh;border:.4vh solid transparent;border-radius:1.4vh;background:none;color:#d8cbb6;cursor:pointer;touch-action:manipulation;transition:transform .12s ease-out,background .12s ease-out}.artChoice.focused:not(.chosen){border-color:#c9d7e8;background:rgba(201,215,232,.07);transform:translateY(-.6vh)}.artChoice.chosen{border-color:#d9a441;background:rgba(217,164,65,.1);box-shadow:0 0 2vh #d9a44166}.artChoice:disabled{opacity:.4;cursor:default}.artChoiceFrame{display:block;width:22vh;min-width:max(64px,22vh)}.artChoiceFrame img{image-rendering:pixelated}.artChoiceName{max-width:26vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:max(13px,2vh);font-weight:600}.artChoice.focused .artChoiceName{color:#c9d7e8}.artChoice.chosen .artChoiceName{color:#d9a441}.rewardSubviewNote{display:block;margin-bottom:.8vh;font-size:max(13px,1.7vh);color:#9a917c}.levelUpStage{display:flex;flex-direction:column;align-items:center;gap:1vh;margin:2vh auto;padding:1.2vh 2vh;border:0;background:transparent;color:#f1e7d8;font-size:max(13px,2vh);text-align:center;cursor:pointer;touch-action:manipulation}.levelUpStage:disabled{cursor:default;opacity:.7}.levelUpStageAvatar{position:relative;display:block;width:max(88px,24vh);height:max(88px,24vh)}.levelUpStageAvatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.levelUpStageBadge{position:absolute;right:-1vh;bottom:-1vh;width:max(28px,8vh)!important;height:max(28px,8vh)!important;pointer-events:none}.levelUpStageText{line-height:1.3}.ownPick{display:flex;flex-direction:column;align-items:center;gap:1vh}.ownPickPrompt{font-size:max(13px,1.8vh);opacity:.85}.pveContractBand{position:fixed;z-index:6;display:flex;align-items:center;gap:1vh;box-sizing:border-box;padding:.6vh 1.2vh;background:linear-gradient(to bottom,rgba(18,14,10,.88),rgba(18,14,10,.55));border-bottom:1px solid rgba(217,164,65,.55);pointer-events:none}.pveContractBandArt{width:max(20px,4.5vh);height:max(20px,4.5vh);object-fit:cover;border-radius:.6vh;flex:0 0 auto}.pveContractBandText{display:flex;flex-direction:column;min-width:0}.pveContractBandObjective{font-size:max(13px,1.8vh);color:#f1e7d8}.pveContractBandReward{font-size:max(13px,1.6vh);color:#d9a441}.pveContractResult{display:flex;flex-direction:column;align-items:center;gap:.3vh;padding:.6vh 1.6vh;border-radius:.8vh;background:rgba(18,14,10,.7)}.pveContractResult.success{border:1px solid rgba(217,164,65,.7)}.pveContractResult.failed{border:1px solid rgba(160,90,80,.7)}.pveContractResultTitle{font-size:max(13px,2vh);color:#f1e7d8}.pveContractResult.success .pveContractResultTitle{color:#d9a441}.pveContractResult.failed .pveContractResultTitle{color:#c98b7a}.pveContractResultText{font-size:max(13px,1.6vh);color:#cfc4b0}.skillPickCenter{display:flex;flex-direction:column;align-items:center;gap:1vh}.skillPickCenter.floating{position:fixed;z-index:6;transform:translate(-50%,-50%);padding:1.4vh 2.4vh;border:1px solid #3a2f26;border-radius:1.4vh;background:rgba(24,19,16,.92);box-shadow:0 0 3vh #0009;pointer-events:none}.skillPickCenter.settled{margin-top:1vh}.skillPickPrompt{max-width:calc(var(--shell-pick-slot) * 2.5);text-align:center;font-size:max(13px,1.8vh);color:#d8cbb6}.skillPickSlots{display:flex;align-items:center;gap:2vh}.skillPickSwap{font-size:max(16px,4vh);color:#a08f76}.skillPickSlot{display:flex;flex-direction:column;align-items:center;gap:.8vh;padding:0;border:0;background:none;color:#d8cbb6;pointer-events:auto}.skillPickSlotFrame{display:block;width:var(--shell-pick-slot);height:var(--shell-pick-slot);box-sizing:border-box}.skillPickSlotFrame img{image-rendering:pixelated}.skillPickSlot.empty{cursor:default}.skillPickSlot.empty .skillPickSlotFrame{border:.5vh dashed #a08f76;border-radius:1vh;background:rgba(0,0,0,.35);box-shadow:inset 0 0 2vh #0009}.skillPickSlot.empty:disabled{opacity:.45}.skillPickSlot.empty.active .skillPickSlotFrame{border-color:#c9d7e8;animation:skillPickSlotPulse 1.6s ease-in-out infinite}.skillPickSlot.empty.active.armed,body.skillPickDragging .skillPickSlot.empty.active{cursor:pointer}.skillPickSlot.empty.active.armed .skillPickSlotFrame,body.skillPickDragging .skillPickSlot.empty.active .skillPickSlotFrame{border-style:solid;background:rgba(201,215,232,.12);box-shadow:0 0 2.4vh #c9d7e88c}.skillPickSlot.filled .skillPickSlotFrame{border-radius:1vh;box-shadow:0 0 2vh #d9a44166}.skillPickSlotName{max-width:calc(var(--shell-pick-slot) * 1.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:max(13px,2vh);font-weight:600;color:#d9a441}@keyframes skillPickSlotPulse{0%,to{box-shadow:0 0 .6vh #c9d7e833}50%{box-shadow:0 0 2vh #c9d7e880}}.rankFrame.upgraded{--upgrade-glow: rgba(255, 206, 92, .55);--upgrade-gem: #ffd35c;--upgrade-gem-edge: #6b3f00}.rankFrame.upgraded:after{content:"";position:absolute;inset:-8%;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 30% 96%,var(--gem-1, transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 50% 100%,var(--gem-2, transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 70% 96%,var(--gem-3, transparent) 0 5%,transparent 5.5%)}.rankFrame.upgraded.round:after{border-radius:50%}.rankFrame.upgraded .rankFrameBorder{filter:drop-shadow(0 0 .35vh var(--upgrade-glow))}.rankFrame.upgraded.upgrade-1{--gem-2: var(--upgrade-gem)}.rankFrame.upgraded.upgrade-2{--upgrade-glow: rgba(255, 206, 92, .75);--gem-1: var(--upgrade-gem);--gem-3: var(--upgrade-gem)}.rankFrame.upgraded.upgrade-2 .rankFrameBorder{filter:drop-shadow(0 0 .5vh var(--upgrade-glow)) drop-shadow(0 0 .2vh var(--upgrade-glow))}.rankFrame.upgraded.upgrade-3{--upgrade-glow: rgba(255, 226, 140, .95);--gem-1: var(--upgrade-gem);--gem-2: var(--upgrade-gem);--gem-3: var(--upgrade-gem)}.rankFrame.upgraded.upgrade-3 .rankFrameBorder{filter:drop-shadow(0 0 .7vh var(--upgrade-glow)) drop-shadow(0 0 .3vh var(--upgrade-glow))}.skillEnchantBadge{position:absolute;top:0;left:0;transform:translate(-30%,-30%);z-index:3;font-size:max(16px,2.2vh);line-height:1;color:#b58cff;text-shadow:0 0 3px #000,0 0 6px #6d3fd1;pointer-events:none}.skillHolder{position:absolute;width:0;height:0;top:.65vh;right:15.5vh}.skillRenderer{position:absolute;width:3.5vh;height:3.5vh;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:grab;font-size:13px;z-index:100}.skillRenderer.innert{position:relative;width:100%;height:100%}.skillRenderer.innert .skillPips{display:flex}.skillRenderer .skillBody{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.skillRenderer .skillBody .skillArt{object-fit:contain;pointer-events:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges}.skillRenderer .skillBody .skillPip{display:inline-flex;align-items:center;justify-content:center;min-width:max(34px,4.6vh);min-height:max(17px,2.3vh);aspect-ratio:2/1;background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;color:#fff;font-weight:700;line-height:1}.skillRenderer .skillBody .skillPipValue{font-size:max(13px,1.5vh);text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.skillRenderer .skillBody .skillIdLabel{display:none}.skillRenderer .skillBody .skillPips{display:none;position:absolute;top:50%;right:-40%;display:flex;flex-wrap:wrap;justify-content:center;gap:4%;z-index:3;pointer-events:none}.skillRenderer .skillBody .skillPip{display:inline-flex;align-items:center;justify-content:center;width:46%;aspect-ratio:2/1;background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;color:#fff;font-weight:700;line-height:1}.skillRenderer .skillBody .skillChargeBadge{position:absolute;right:-8%;bottom:-8%;z-index:3;min-width:max(20px,2.6vh);height:max(20px,2.6vh);padding:0 .3vh;box-sizing:border-box;border-radius:max(10px,1.3vh);font-size:max(13px,1.5vh);font-weight:800;line-height:max(20px,2.6vh);text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.7);box-shadow:0 .2vh .6vh #0009,inset 0 0 0 1px #ffffff4d;pointer-events:none}.skillRenderer .skillBody .skillChargeBadge.mana{background:#2f6fbf}.skillRenderer .skillBody .skillChargeBadge.flow{background:#b8861b}.skillRenderer .skillBody .skillChargeBadge.time{background:#5c6b78}.skillRenderer .skillBody .skillChargeBadge.ready{box-shadow:0 0 .8vh #fffc,inset 0 0 0 1px #fff9}.skillRenderer.isDragging{cursor:grabbing;z-index:200}.skillRenderer--choiceToken{position:absolute;width:3.5vh;height:3.5vh;border:2px solid #fbbf24;border-radius:4px;background:#1e293b;cursor:pointer;animation:choicePulse 1.5s ease-in-out infinite;z-index:110}.skillRenderer--choiceToken .skillChoiceLabel{font-size:max(13px,2vh);font-weight:700;color:#fbbf24;z-index:1;position:relative}.skillRenderer--choiceToken .skillIdLabel{display:none}.skillRenderer--choiceToken.selectable{border-color:#f59e0b;box-shadow:0 0 8px #fbbf24}.skillChoiceWrapper{position:absolute;width:3.5vh;height:3.5vh}.skillChoiceWrapper--innert{position:relative;width:100%;height:100%}@keyframes choicePulse{0%,to{box-shadow:0 0 4px #fbbf24}50%{box-shadow:0 0 12px #fbbf24,0 0 20px #f59e0b}}.keyword{color:#fbbf24;font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.18em;cursor:help}.keyword:hover{color:#fde68a;text-decoration-style:solid}.combatCellOverlayHolder{height:0px;position:absolute;top:50%;left:50%;z-index:30;pointer-events:none}.combatCellOverlay{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none}.combatCellOverlayScaler{transform-origin:center center;flex:0 0 auto;overflow:hidden;background-color:#71891d;border-radius:.5vh}.combatCellOverlayScaler.clickable{pointer-events:auto;cursor:zoom-in}.combatExpandedBackdrop{position:fixed;inset:0;z-index:5000;background:rgba(0,6,18,.88);display:flex;align-items:center;justify-content:center;pointer-events:auto}.combatExpandedStage{position:relative;display:flex;align-items:center;justify-content:center}.combatCellOverlayScaler.expanded{cursor:default;border-radius:1vh;box-shadow:0 0 4vh #0009}.combatCellOverlayScaler.expanded canvas{image-rendering:pixelated}.combatSidePanel{position:absolute;top:0;width:26vh;max-height:100%;overflow-y:auto;color:#f2e7c9;background:rgba(12,20,34,.85);border:1px solid rgba(242,231,201,.3);border-radius:.8vh;padding:1vh 1.2vh;box-sizing:border-box}.combatSidePanel.left{right:calc(100% + 1.5vh)}.combatSidePanel.right{left:calc(100% + 1.5vh);width:16vh}.combatSidePanel h4{margin:0 0 1vh;font-size:max(13px,1.4vh);font-weight:400;text-transform:uppercase;letter-spacing:.08vh;opacity:.75}.combatSidePanel .panelEmpty{opacity:.5;font-size:max(13px,1.6vh)}.combatSidePanel .damageRow{display:flex;align-items:center;gap:.8vh;margin-bottom:.9vh}.combatSidePanel .damageRow img{width:4vh;height:4vh;flex:0 0 auto;object-fit:cover;border-radius:.4vh;border:1px solid rgba(242,231,201,.35);background:rgba(0,0,0,.35)}.combatSidePanel .damageRow .damageInfo{flex:1 1 auto;min-width:0}.combatSidePanel .damageRow .damageName{display:block;font-size:max(13px,1.3vh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combatSidePanel .damageRow .damageBarTrack{height:.7vh;margin-top:.3vh;background:rgba(255,255,255,.12);border-radius:.35vh;overflow:hidden}.combatSidePanel .damageRow .damageBarFill{height:100%;background:linear-gradient(90deg,#d94a3d,#ffb347);transition:width .15s linear}.combatSidePanel .damageRow .damageValue{flex:0 0 auto;font-size:max(13px,1.6vh);font-weight:700;min-width:3.5vh;text-align:right}.combatSidePanel .levelBadge{display:flex;flex-direction:column;align-items:center}.combatSidePanel .levelBadge .levelLabel{font-size:max(13px,1.3vh);opacity:.75}.combatSidePanel .levelBadge .levelValue{font-size:max(13px,5vh);font-weight:700;line-height:1.1;color:#ffb347}.combatSidePanel .speedControls{margin-top:2vh;display:flex;flex-direction:column;align-items:center;gap:.6vh}.combatSidePanel .speedControls .speedLabel{font-size:max(13px,1.3vh);opacity:.75;text-transform:uppercase;letter-spacing:.08vh}.combatSidePanel .speedControls .speedButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5vh}.combatSidePanel .speedControls .speedButton{flex:0 0 auto;min-width:max(28px,4vh);min-height:max(22px,3.2vh);padding:0 max(4px,.6vh);font-family:inherit;font-size:max(13px,1.5vh);font-weight:700;color:#f2e7c9;background:rgba(0,0,0,.35);border:1px solid rgba(242,231,201,.35);border-radius:.4vh;cursor:pointer}.combatSidePanel .speedControls .speedButton:hover{background:rgba(255,179,71,.2)}.combatSidePanel .speedControls .speedButton.active{color:#1a1206;background:#ffb347;border-color:#ffb347}.combatSidePanel .speedControls .speedButton.restart{font-size:max(15px,1.9vh);line-height:1}.combatSimPending{display:flex;align-items:center;justify-content:center}.combatSimPending .hourglass{font-size:110px;line-height:1;animation:hourglassFlip 1.8s ease-in-out infinite}@keyframes hourglassFlip{0%,45%{transform:rotate(0)}65%,to{transform:rotate(180deg)}}.BattleVisualization.fit{position:static;left:auto;top:auto;width:100%;height:100%;margin:0;background-color:transparent;border:none;border-radius:0;background-image:var(--field-art);background-repeat:repeat-x;background-position:var(--field-floor-x, 0px) center;background-size:auto 100%;image-rendering:pixelated}