/* Black Rock: expedition planning and a spacious diagonal arena. */
body.onlineApp[data-page=ascent]{background:#060d14;isolation:isolate}
#ascentBackdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#060d14 url('../maps/ambientacion-v1/blackrock-acceso-pc.webp') center/cover no-repeat}
#ascentBackdrop[hidden]{display:none}#ascentBackdrop video{width:100%;height:100%;object-fit:cover;opacity:.75}#ascentBackdrop video[hidden]{display:none}
body[data-page=ascent] .onlineHeader{position:relative;z-index:2;background:#08121adb}body[data-page=ascent] .onlineMain{position:relative;z-index:1;max-width:1440px}
body[data-page=ascent] #gameHub{background:transparent}body[data-page=ascent] .profileHeader{background:#08121ac9;border-radius:8px;padding:8px}
body[data-page=ascent] #dailyMissions,body[data-page=ascent] .localLink{display:none}
#ascentPanel{color:#edf1e9;--ascent-gold:#e1bd72;--ascent-line:#677d8277;max-width:1260px;margin:auto;padding:10px 0 28px;font-family:system-ui,sans-serif}
#ascentPanel h1{font:clamp(23px,3vw,34px) Georgia,serif;margin:5px 0;text-shadow:0 2px 8px #000}#ascentPanel h2{font:22px Georgia,serif;margin:5px 0 12px}#ascentPanel h3{font-size:16px}#ascentPanel p{line-height:1.55;font-size:13px}
#ascentPanel button{min-height:42px;padding:8px 12px;font:13px system-ui,sans-serif;border-radius:7px;touch-action:manipulation}#ascentPanel button:focus-visible,#ascentPanel summary:focus-visible{outline:2px solid #f3d18c;outline-offset:3px}
.ascentTop{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.ascentTop .eyebrow{font-size:10px}
.expeditionCamp{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,480px);gap:26px}
.expeditionJourney{position:relative;min-height:760px;border-radius:16px;background:linear-gradient(#09151bc9,transparent 35%,#09151b99),url('../maps/ambientacion-v1/blackrock-acceso-pc.webp') center/cover;overflow:hidden;border:1px solid #9f96604d}
.expeditionJourney>div:first-child{position:relative;z-index:1;padding:24px;background:linear-gradient(#06121ad9,transparent)}.expeditionJourney p{max-width:290px;margin:8px 0}.expeditionJourney strong{color:#f5d394}
.expeditionPath{position:absolute;inset:155px 0 48px;overflow-y:auto;display:flex;flex-direction:column-reverse;align-items:center;gap:14px;padding:24px 15px;scrollbar-width:thin}
.expeditionStep{flex:0 0 34px;width:34px;display:grid;place-items:center;position:relative;left:var(--bend);background:#11222dec;border:1px solid #a8b2a0;border-radius:50%;color:#bfc9c7;font-size:12px;box-shadow:0 4px 10px #0008}
.expeditionStep:before{content:'';position:absolute;width:2px;height:16px;top:34px;background:#b7ad8070}.expeditionStep small{position:absolute;left:38px;color:#ffe4aa}.expeditionStep.cleared{background:#244f3d;color:#c1f2bc;border-color:#98c49a}.expeditionStep.current{background:#e4c487;color:#17272b;box-shadow:0 0 0 5px #e6b65a38,0 0 22px #e7b56499;border-color:#fff2c9;font-weight:bold}
.expeditionSaved{position:absolute;bottom:0;left:20px;font-size:11px!important}.expeditionPreparation{padding:22px;background:#0a1b24ed;border:1px solid var(--ascent-line);border-radius:14px}.expeditionPreparation>small{display:block;color:#9fb6bc;font-size:11px;margin-top:10px}
.expeditionPositions{display:grid;gap:7px}.expeditionSlot{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px;border-radius:8px;background:#172c358c;border-left:2px solid #c9aa6a}.expeditionSlot>span{grid-column:1/-1}.expeditionSlot b{font-size:12px;color:#e1c795}.expeditionSlot small{display:block;font-size:10px;color:#a9c0c5;margin-top:4px}.expeditionSlot strong,.expeditionSlot em{font-size:13px;align-self:center}.expeditionSlot em{color:#7f989e;font-style:normal}#ascentPanel .expeditionSlot button{min-height:30px;padding:3px 8px}
.expeditionRoster{margin-top:14px}.expeditionRoster summary,.expeditionHelp summary{cursor:pointer;padding:12px 0;color:#e4c98e;font-size:13px}.expeditionRoster>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.expeditionRoster button{display:flex;gap:7px;align-items:center;text-align:left;background:#122d36;border:1px solid #5a788277;min-width:0}#ascentPanel .expeditionRoster button{padding:5px}.expeditionRoster button[aria-pressed=true]{border-color:#e5c589;background:#34463b}.expeditionRoster b{font-size:11px;display:block}.expeditionRoster small{font-size:9px;color:#b4c8cb;display:block}
.expeditionPreparation fieldset{border:0;padding:0;margin:20px 0 0}.expeditionPreparation legend{font-size:12px;color:#e5cba4;margin-bottom:8px}.expeditionChoices{display:flex;gap:6px}.expeditionChoices button{flex:1;background:#152c36;border:1px solid #496772;color:#d9e5e5}.expeditionChoices button[aria-pressed=true],.expeditionRoutes button[aria-pressed=true]{border-color:#e3bf78;background:#384237;color:#fff3d2}.expeditionPreparation fieldset p{color:#aac4c8;font-size:11px!important;margin:6px 0}
.expeditionRoutes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.expeditionRoutes button{background:#142834;color:#d7e4e6;border:1px solid #496772;text-align:left}.expeditionRoutes small{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:#b4c4c7}.expeditionPerks{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.expeditionPerks span{padding:4px 7px;font-size:10px;border-radius:4px;background:#28403c}.expeditionEnter{width:100%;margin-top:3px}
.expeditionBattleHeading{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#0a1820d9;border-radius:10px 10px 0 0}.expeditionBattleHeading h2{margin:4px 0!important}.expeditionBattleHeading>span{font-size:11px;color:#b3ced1}
#ascentPanel .expeditionArena{position:relative;isolation:isolate;overflow:hidden;height:clamp(440px,62vh,640px);border:1px solid #a99b6b70;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#08131a35,#101f24a6),var(--encounter-image) var(--encounter-position)/cover;box-shadow:inset 0 -40px 90px #03070ba8}
.expeditionFloor{position:absolute;left:-20%;right:-20%;bottom:-15%;height:85%;transform:perspective(560px) rotateX(55deg) rotateZ(-12deg);background:repeating-linear-gradient(90deg,transparent 0 120px,#bfd0c413 121px 123px),repeating-linear-gradient(0deg,transparent 0 120px,#bfd0c413 121px 123px);pointer-events:none;border:1px solid #dbd5ae22}
.expeditionSide{position:absolute;font-size:10px;letter-spacing:2px;color:#e6dfb4;text-shadow:0 2px 5px #000;z-index:3}.expeditionSide.player{bottom:16px;left:18px}.expeditionSide.enemy{top:17px;right:18px}
.ascentFighter{position:absolute;width:clamp(85px,12vw,148px);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;transform:translate(-50%,-65%);--strike-direction:1}.ascentFighter[data-side=enemy]{--strike-direction:-1}
.ascentFighter[data-side=player][data-slot="0"]{left:37%;top:68%}.ascentFighter[data-side=player][data-slot="1"]{left:20%;top:49%}.ascentFighter[data-side=player][data-slot="2"]{left:15%;top:84%}
.ascentFighter[data-side=enemy][data-slot="0"]{left:63%;top:48%}.ascentFighter[data-side=enemy][data-slot="1"]{left:80%;top:28%}.ascentFighter[data-side=enemy][data-slot="2"]{left:85%;top:65%}
#ascentPanel .expeditionFigure{position:relative;width:100%;border:0;background:transparent!important;padding:0;isolation:isolate;border-radius:0;cursor:pointer;min-height:0;opacity:1;box-shadow:none}.expeditionFigure:disabled{cursor:default}
.ascentArt{position:relative;display:block;width:100%;height:clamp(105px,13vw,160px);overflow:hidden;filter:drop-shadow(0 6px 4px #0009);pointer-events:none}.ascentArt.cutout img{width:100%;height:100%;object-fit:contain}.ascentArt.portrait{border-radius:44% 44% 15% 15%;mask-image:linear-gradient(#000 85%,transparent)}.ascentArt.portrait img{position:absolute;max-width:none;width:122%;height:157%;left:-11%;top:-23%;object-fit:fill}.ascentEnemy .ascentArt img{transform:scaleX(-1)}
.expeditionRoster .ascentArt{width:36px;height:43px;flex:0 0 36px}.expeditionRing{position:absolute;width:76%;height:16%;left:12%;bottom:-2%;border:1px solid #7bcabd;border-radius:50%;background:#75b9a724;box-shadow:0 0 12px #64b6a330;z-index:-1}.ascentEnemy .expeditionRing{border-color:#dd9982;background:#bb594524}.expeditionFigure[aria-pressed=true] .expeditionRing,.ascentFighter.acting .expeditionRing{border:2px solid #ffe0a1;box-shadow:0 0 16px #ffca7080;background:#eec07222}
.ascentFighter>strong{font:600 11px system-ui,sans-serif;color:#fff1d2;text-shadow:0 2px 5px #000;max-width:100%;position:relative;z-index:4}.ascentFighter>small{font-size:9px;color:#d5e0de;position:relative;z-index:4}.ascentBoss>strong{color:#ffd183}.ascentBoss .expeditionRing{border-color:#ffd183}.ascentHp{position:relative;z-index:4;width:75%;max-width:100px;display:grid;gap:2px}.ascentHp progress{appearance:none;height:4px;border:0;border-radius:4px;width:100%;background:#293b42;overflow:hidden}.ascentHp progress::-webkit-progress-bar{background:#293b42}.ascentHp progress::-webkit-progress-value{background:#9aceac}.ascentHp progress::-moz-progress-bar{background:#9aceac}.ascentEnemy .ascentHp progress::-webkit-progress-value{background:#e09885}.ascentEnemy .ascentHp progress::-moz-progress-bar{background:#e09885}.ascentHp small{font-size:9px;color:#e2ebe9;text-shadow:0 1px 3px #000}.ascentFallen .ascentArt{opacity:.35;filter:grayscale(1)}.ascentFallen .expeditionRing{opacity:.25}
.ascentHitNumber{position:absolute;top:35%;left:50%;z-index:5;opacity:0;transform:translateX(-50%);font:bold 22px system-ui,sans-serif;color:#ffdda1;text-shadow:0 2px 5px #000;pointer-events:none}.ascentHitNumber.visible{opacity:1;animation:expeditionDamage .7s ease-out both}@keyframes expeditionDamage{to{translate:0 -24px;opacity:.2}}
.ascentNotice{color:#ffe1a3;background:#13262fec;border-left:2px solid #e2c48b;padding:10px 14px;font-size:13px;min-height:0}.ascentNotice[hidden]{display:none}
.expeditionCommand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 0;background:#0b1b24ef;border:1px solid #58707a66;padding:16px;border-radius:12px}.expeditionCommand h2{font-size:20px!important;margin:4px 0!important}.expeditionCommand p{font-size:11px!important;margin:4px 0}.expeditionActionButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:1;max-width:760px}.expeditionActionButtons button{display:grid;gap:6px;background:#19363e;color:#efe8d2;border:1px solid #648a8b;text-align:left}.expeditionActionButtons button[data-move=skill]{background:#322f48;border-color:#9383ab}.expeditionActionButtons small{font-size:10px;line-height:1.4;color:#bdcece}.expeditionUtilities{display:flex;align-items:center;gap:14px;margin:9px 0}.expeditionUtilities small{font-size:10px;color:#bbc8c8}.expeditionInspect{padding:12px;background:#1c303bf0;border-radius:8px;font-size:12px;margin-top:10px}
.ascentReport{background:#0a1b25f2;border:1px solid #8a8c71;padding:24px;margin-top:15px;border-radius:12px}.ascentReport.won{border-color:#9ba971}.ascentReport button{margin-right:8px}.expeditionPerkChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.expeditionPerkChoices button{display:grid;gap:8px;text-align:left;background:#273d40;color:#f4e5b8;border:1px solid #8e9f8c}.expeditionPerkChoices small{font-size:11px;color:#cfdbd6}.expeditionHelp{margin-top:16px;background:#091b24de;padding:0 15px;border-radius:8px}.expeditionHelp p{color:#adc0c5}.expeditionRecover{margin-top:10px}.accessGate #ascentPanel,.accessGate #ascentBackdrop{display:none!important}
@media(max-width:800px){.expeditionCamp{grid-template-columns:1fr}.expeditionJourney{min-height:330px}.expeditionJourney>div:first-child{padding:18px}.expeditionPath{inset:115px 0 40px;flex-direction:row;justify-content:start;align-items:center;padding:12px 25px;overflow-x:auto;overflow-y:hidden}.expeditionStep{flex:0 0 32px;left:0;top:var(--bend)}.expeditionStep:before{height:2px;width:16px;top:16px;left:32px}.expeditionStep small{left:0;top:36px}.expeditionPreparation{padding:16px}.expeditionCommand{flex-direction:column;align-items:stretch;gap:12px}.expeditionActionButtons{max-width:none}.expeditionCommand>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.expeditionCommand p{margin-left:auto}.expeditionCommand .eyebrow{display:none}.ascentFighter{width:86px}.ascentArt{height:110px}#ascentPanel .expeditionArena{height:450px}.ascentFighter>strong{font-size:10px}.expeditionPerkChoices{grid-template-columns:1fr}.expeditionUtilities{align-items:flex-start}.expeditionUtilities small{line-height:1.4}}
@media(max-width:450px){.ascentTop h1{font-size:23px!important}.ascentTop>button{font-size:11px!important;max-width:94px}.expeditionBattleHeading h2{font-size:18px!important}.expeditionBattleHeading>span{font-size:9px}.ascentFighter{width:70px}.ascentArt{height:92px}#ascentPanel .expeditionArena{height:405px}.ascentHp{width:85%}.ascentFighter>strong{font-size:9px}.ascentFighter>small{font-size:8px}.expeditionActionButtons{gap:5px}.expeditionActionButtons button{padding:8px 6px!important}.expeditionActionButtons b{font-size:11px}.expeditionActionButtons small{font-size:9px}.expeditionSide{font-size:8px}.expeditionRoutes{grid-template-columns:1fr}.expeditionUtilities small{display:none}}
@media(prefers-reduced-motion:reduce){.ascentHitNumber.visible{animation:none}}
/* Labels remain above the shared canvas; artwork alone moves through the arena. */
.expeditionArena.pixiActorsReady .ascentFighter{z-index:3}

/* Dedicated expedition artwork, kept entirely visible. */
#ascentPanel .expeditionArena{background-color:#030405;background-image:var(--encounter-image);background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:inset 0 -15px 35px #03070b70}
.expeditionFloor{display:none}
.ascentBossFrame{position:fixed;inset:0;width:100vw;height:100dvh;border:0;z-index:10000;background:#0b1016}.bossEncounterOpen{overflow:hidden}
#ascentPanel.expeditionView .expeditionPath .expeditionBonus{appearance:none;box-sizing:border-box;border-radius:50%!important;width:34px!important;padding:0!important;min-height:34px!important;min-width:34px;max-width:34px;height:34px!important;cursor:pointer;background:#3c2c45;border-color:#c0a1d4;color:#f2d8ff;font-size:17px!important}.expeditionBonus small{left:42px;top:0;line-height:1.25;white-space:nowrap;font-size:10px;color:#ead4f3}.expeditionBonus.cleared{background:#244f3d!important;border-color:#98c49a!important;color:#c1f2bc!important}.expeditionCompleted{grid-template-columns:1fr!important}
.ascentBonusSetup{position:fixed;inset:0;margin:auto;width:min(360px,calc(100vw - 32px));padding:24px;border:1px solid #9f8a61;border-radius:14px;background:#101d25;color:#eee4ce;z-index:10001}.ascentBonusSetup::backdrop{background:#03080cb8}.ascentBonusSetup h2{margin:0 24px 22px 0;font-size:24px}.ascentBonusSetup [data-bonus-close]{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;font-size:23px}.ascentBonusSetup label{display:grid;gap:8px}.ascentBonusSetup select{width:100%;min-height:44px;padding:8px;background:#132a33;color:#eee4ce;border:1px solid #a38d5a;border-radius:8px}.ascentBonusSetup [data-bonus-enter]{width:100%;min-height:44px;margin-top:20px}
@media(max-width:800px){.expeditionBonus small{left:50%;top:38px;transform:translateX(-50%);text-align:center;font-size:9px}}