#game{max-width:none}#game[data-mode]:not([data-mode="combat"]){overflow:clip;min-height:100svh;height:auto}body:has(.choice-screen){background:#122c37}.choice-screen{position:relative;min-height:100svh;padding:24px 5vw 50px;isolation:isolate;overflow:clip;background:#16343c}.choice-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a222f45,#0a222fe8 45%,#0a222ff2)}.choice-header{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1400px;margin:auto}.text-button{border:0;background:transparent;padding:10px 14px}.purse{font-size:16px}.purse-divider{height:20px;width:1px;margin-inline:8px;background:#bba77e66}.choice-layout{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.7fr);align-items:center;gap:3vw;max-width:1280px;margin:24px auto 0;min-height:calc(100svh - 150px)}.keeper{position:relative;align-self:stretch;display:grid;align-content:center;justify-items:center;pointer-events:none}.keeper img{width:150%;max-width:540px;filter:drop-shadow(0 16px 16px #04141bc9);transform:translateX(-6%);animation:keeper-breathe 5s ease-in-out infinite}.keeper::before{content:'';position:absolute;inset:22% -30% 13%;border-radius:50%;background:radial-gradient(ellipse,#c7a76921,transparent 66%);z-index:-1}.keeper>span{font-size:10px;letter-spacing:.22em;color:#dccb9a;text-align:center;margin-top:-28px}.choice-content{position:relative;max-width:840px;min-width:0}.choice-content>.eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 10px;color:#e2c58a}.choice-content>h1{font:clamp(34px,4vw,53px)/1.05 Georgia,serif;letter-spacing:-.025em;color:#f7e1b4;margin:0 0 14px;outline:none}.choice-intro{font-size:16px;line-height:1.6;color:#c6d3cc;margin:0 0 20px;max-width:650px}.choice-progress{display:flex;gap:8px;position:absolute;right:0;top:0}.choice-progress>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b8a27766;border-radius:50%;font-size:12px;color:#a9bbb7}.choice-progress>.now{background:#e8c489;color:#18333c;border-color:#e8c489}.choice-progress>.done{color:#eed198;border-color:#c0a77a}.talisman-pair,.route-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.talisman,.route-paper{position:relative;min-width:0;background:linear-gradient(125deg,#f3e6ca,#d4c09a);border:2px solid #a98c5d;color:#213841;box-shadow:0 5px 0 #5c4e37,0 14px 28px #030f1944;border-radius:3px 3px 12px 3px;isolation:isolate}.talisman{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;min-height:270px;transform:rotate(-1deg);transition:transform .15s,box-shadow .15s}.talisman:nth-child(2){transform:rotate(1deg)}.talisman:hover:not(:disabled){filter:none;border-color:#f6d397;transform:translateY(-3px)}.talisman.selected,.route-paper.selected{border-color:#ffe6a9;box-shadow:0 5px 0 #9f7841,0 0 0 2px #b78b4a,0 14px 30px #020f1766}.talisman.selected::after,.route-paper.selected::after{content:'✓';position:absolute;right:12px;top:10px;display:grid;place-items:center;background:#25464e;color:#ffe6a8;width:25px;height:25px;border-radius:50%;font-weight:bold;pointer-events:none}.talisman-seal,.route-symbol{display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;border:1px solid #987948;border-radius:50%;color:#7b5933;margin-bottom:14px;box-shadow:inset 0 0 0 4px #cbb18166}.talisman-seal svg,.route-symbol svg{width:36px;height:36px}.talisman>small,.route-option>small{font-size:10px;letter-spacing:.12em;color:#675233}.option-name{display:block;font:27px/1.1 Georgia,serif;font-weight:normal;letter-spacing:-.02em;margin:6px 0 12px}.talisman p,.route-option p{font-size:14px;line-height:1.55;margin:0 0 18px}.selection-mark{display:block;margin-top:auto;padding-top:10px;font-size:12px;letter-spacing:.01em;border-top:1px solid #967b4e66;width:100%;color:#5a4c34}.selected .selection-mark{font-weight:700;color:#214650}.choice-explanation,.unlock-condition{font-size:14px;line-height:1.55;min-height:44px;color:#e0d9be;margin:14px 0 10px;max-width:730px}.choice-footer{margin-top:17px}.confirm{min-height:54px;width:100%;max-width:440px;font-size:16px;padding:12px 18px;border-radius:3px;font-weight:650}.confirm:disabled{background:#a5a48d;color:#203940;border-color:#a5a48d;opacity:.7}.choice-footer>p{font-size:12px;line-height:1.5;color:#aebfba;margin:12px 0 0}.travel-build{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;background:transparent;border:0;border-block:1px solid #a8906255;border-radius:0;text-align:left;width:100%;padding:10px 0;margin-top:10px}.travel-build>span{display:flex;align-items:center;gap:7px;min-height:25px}.travel-build svg{width:20px;height:20px;color:#d9bd84}.travel-build b{font-size:12px;font-weight:500}.first-choice,.small-note{font-size:13px;line-height:1.6;color:#bacbc2}.review-note{position:absolute;bottom:5px;left:16px;right:16px;text-align:center;margin:0;font-size:11px;color:#a9bcb6;padding:6px}.route-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px;background:transparent;border:0;border-radius:0;width:100%;min-height:245px;color:#213841}.route-option:hover:not(:disabled){filter:none;background:#fff3d222}.route-option .route-symbol{height:48px;width:48px}.route-symbol svg{width:28px;height:28px}.route-option .option-name{margin-bottom:12px}.route-paper details{border-top:1px solid #987c4c77;margin:0 18px}.route-paper summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:13px;font-weight:600}.route-paper summary::before{content:'＋';margin-right:8px}.route-paper details[open] summary::before{content:'−'}.wave-detail{padding-bottom:12px}.wave-detail h3{font:20px/1.25 Georgia,serif;margin:10px 0}.wave-detail p{font-size:12px;line-height:1.5;margin:10px 0}.wave-detail span{display:block}.wave-detail b{font-weight:650}.coast-fork{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.1em;color:#d7c494;max-width:460px;margin-top:20px}.coast-fork i{flex:1;border-top:1px solid #b59a6866;position:relative}.coast-fork i::after{content:'›';position:absolute;right:0;top:-10px;font-size:14px}.coast-fork>span:nth-of-type(2){line-height:1.8;text-align:center}.outfit-pair .locked{opacity:1;background:linear-gradient(125deg,#c5c2ad,#a5a896);border-color:#7c816f;color:#31464a;box-shadow:0 5px 0 #4a5c58}.locked .talisman-seal{color:#59675e;border-color:#768071;box-shadow:none}.locked .selection-mark{color:#394d4c}.unlock-condition{padding-left:14px;border-left:2px solid #d4b578}.next-room{font:30px Georgia,serif;color:#eed7ac;margin:36px 0}.journey-result{font-size:17px;line-height:1.6;margin:30px 0}.unlock-keepsake{display:flex;gap:18px;align-items:center;margin:24px 0;padding:18px 0;border-block:1px solid #c7a66e77}.unlock-keepsake>svg{height:48px;width:48px;color:#edcc8e;flex-shrink:0}.unlock-keepsake h2{font:26px Georgia,serif;margin:0 0 8px}.unlock-keepsake p{font-size:14px;line-height:1.5;margin:0}.home-travel{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.home-travel .confirm{flex-basis:100%;max-width:none}.home-travel>button:not(.confirm){flex:1;padding:12px}.harbour-home .choice-content>h1{font-size:clamp(50px,5.7vw,78px);line-height:.98}.combat-build{position:absolute;left:28px;top:84px;display:flex;align-items:center;gap:8px;background:#0d2934df;padding:7px 12px;border-color:#c6ab6a88;z-index:7;font-size:12px;max-width:180px;text-align:left}.combat-build svg{width:22px;height:22px;flex-shrink:0}.guard-state{position:absolute;left:28px;top:131px;margin:4px 0;font-size:11px;color:#f1d496;z-index:7;text-shadow:0 2px 4px #000}.guard-halo{position:absolute;inset:19% 10% 7%;border:2px solid #ead49f88;border-radius:50%;box-shadow:inset 0 0 20px #ffe3a122,0 0 18px #f5d18c22;pointer-events:none}#perk-effect{position:absolute;z-index:15;font-size:12px;font-weight:700;max-width:190px;padding:7px 10px;border-block:1px solid #e9cc92;color:#ffe5ae;background:#102f38e8;translate:-50% 0;pointer-events:none;text-align:center;text-shadow:0 1px 2px #000}#perk-effect[data-type="guard"]{color:#f5e3bb}.forecast-label.traced{top:80%;color:#f5dc9b;font:11px system-ui,sans-serif}.benefit-list{display:grid;gap:16px;margin:22px 0}.benefit-list article{display:flex;gap:14px;align-items:flex-start}.benefit-list svg{width:30px;height:30px;flex-shrink:0}.benefit-list h2{font:23px Georgia,serif;margin:0 0 5px}.benefit-list p{font-size:14px;line-height:1.6;margin:0}.perk-dialog-state{font-weight:650}.unlock-toast{display:flex;gap:10px;align-items:center}.unlock-toast svg{width:25px;height:25px}.choice-screen :focus-visible{outline-offset:5px}.talisman:focus-visible,.route-option:focus-visible{outline-color:#ffe3a4;box-shadow:0 0 0 5px #183d48}.route-paper summary:focus-visible{outline-color:#284c56}.choice-screen h1:focus-visible{outline:none}#game[data-reduced="true"] .keeper img{animation:none}#game[data-paused="true"] .keeper img{animation-play-state:paused}.loading p{font-size:16px}.loading button{margin:15px auto}
@keyframes keeper-breathe{50%{transform:translateX(-6%) rotate(.25deg) scale(1.008)}}
@media(max-width:980px){.choice-layout{grid-template-columns:minmax(100px,.35fr) minmax(0,1.7fr);gap:18px}.keeper img{width:190%}.choice-content>h1{font-size:38px}.choice-progress{position:static;margin:15px 0}.talisman{padding:20px;min-height:280px}.talisman-pair,.route-pair{gap:14px}.talisman .option-name{font-size:25px}.choice-screen{padding-inline:4vw}.choice-intro{max-width:600px}.combat-build{left:18px}}
@media(max-width:650px){.choice-screen{padding:14px 20px 58px}.choice-header{margin-bottom:28px}.choice-layout{display:block;margin:0;min-height:0}.keeper{display:none}.choice-vignette{background:linear-gradient(#102f3dba,#102b37ee 35%,#0b2330f7)}.choice-content>h1{font-size:37px;margin-bottom:12px}.choice-intro{font-size:15px;margin-bottom:14px}.choice-content>.eyebrow{font-size:10px;line-height:1.6}.choice-progress{position:absolute;top:-1px;right:0;margin:0}.choice-progress>span{width:22px;height:22px;font-size:10px}.talisman-pair,.route-pair{grid-template-columns:1fr;gap:15px;margin:24px 0 18px}.talisman{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:15px;row-gap:3px;min-height:176px;padding:18px 16px;transform:none!important}.talisman-seal{grid-column:1;grid-row:1/5;width:50px;height:50px;margin:3px 0 0}.talisman-seal svg{height:31px;width:31px}.talisman>small{grid-column:2;font-size:9px;margin-right:20px}.talisman .option-name{grid-column:2;margin:2px 0 6px;font-size:25px;padding-right:7px}.talisman p{grid-column:2;font-size:14px;line-height:1.5;margin:0 0 8px}.talisman .selection-mark{grid-column:2;margin:0;font-size:11px}.choice-explanation,.unlock-condition{font-size:14px;min-height:0;margin:18px 0}.choice-footer{margin-top:24px}.confirm{max-width:none;min-height:56px;font-size:15px}.choice-footer>p{font-size:12px;line-height:1.6}.review-note{font-size:10px;padding:8px 0;line-height:1.4}.purse{font-size:14px}.purse svg{width:18px;height:18px}.purse-divider{margin-inline:2px}.text-button{padding-left:0}.route-option{display:grid;grid-template-columns:48px 1fr;gap:4px 14px;min-height:185px;padding:18px}.route-option>.route-symbol{grid-column:1;grid-row:1/5;margin:0}.route-option>small,.route-option>.option-name,.route-option>p,.route-option>.selection-mark{grid-column:2;margin:0}.route-option>.option-name{font-size:27px;margin:3px 0 8px}.route-option>p{font-size:14px;margin-bottom:10px}.route-option>.selection-mark{font-size:11px}.route-paper summary{font-size:13px}.wave-detail p{font-size:13px}.wave-detail h3{font-size:21px}.coast-fork{font-size:8px;gap:8px}.travel-build{gap:9px 15px;padding-block:12px}.travel-build b{font-size:12px}.travel-build>span{min-height:28px}.combat-build{top:94px;left:12px;max-width:156px;font-size:11px;min-height:48px}.guard-state{top:143px;left:12px;font-size:10px}.combat-build svg{width:18px;height:18px}#perk-effect{font-size:10px;max-width:130px;padding:5px 7px}.harbour-home .choice-content>h1{font-size:56px}.unlock-keepsake h2{font-size:24px}}
@media(max-width:359px){.choice-screen{padding-inline:16px}.choice-content>h1{font-size:32px}.choice-intro{font-size:14px}.choice-progress{top:-32px}.talisman{padding:16px 12px;column-gap:11px;grid-template-columns:42px minmax(0,1fr)}.talisman-seal{width:40px;height:40px}.talisman-seal svg{width:27px;height:27px}.talisman .option-name{font-size:23px}.talisman p{font-size:14px}.talisman.selected::after{width:20px;height:20px;right:8px;top:8px}.combat-build{top:102px;left:8px;max-width:148px}.guard-state{top:151px;left:8px}.route-option{grid-template-columns:40px 1fr;gap:5px 12px;padding:16px 12px}.route-option .route-symbol{width:40px;height:40px}.route-option .option-name{font-size:25px}.choice-header{margin-bottom:34px}}
@media(min-width:651px) and (max-height:600px){.choice-screen{padding-top:12px;padding-bottom:48px}.choice-header{max-width:1100px}.choice-layout{min-height:0;align-items:start;margin-top:14px;grid-template-columns:minmax(110px,.35fr) minmax(0,1.7fr)}.choice-content>h1{font-size:32px}.choice-content>.eyebrow{font-size:9px;margin-bottom:7px}.choice-intro{font-size:14px;margin-bottom:10px}.choice-progress{position:absolute;right:0;top:0;margin:0}.choice-progress>span{width:21px;height:21px;font-size:10px}.talisman-pair,.route-pair{margin-block:17px 12px}.talisman{min-height:240px;padding:17px}.talisman-seal{width:45px;height:45px;margin-bottom:10px}.talisman-seal svg{width:27px;height:27px}.talisman .option-name{font-size:24px}.talisman p{font-size:13px}.choice-explanation{font-size:13px;min-height:0}.choice-footer{margin-top:14px}.choice-footer>p{font-size:11px}.keeper img{max-width:320px}.keeper>span{font-size:8px;margin-top:-15px}.combat-build{top:63px;left:18px;min-height:48px;font-size:11px}.guard-state{top:110px;left:18px;font-size:10px}.route-option{min-height:235px}.route-option .option-name{font-size:25px}.route-option p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.keeper img{animation:none}.talisman{transition:none}}
@media(min-width:981px) and (min-height:601px) and (max-height:820px){.choice-layout{margin-top:12px;min-height:0}.choice-content>h1{font-size:46px;margin-bottom:10px}.choice-intro{margin-bottom:10px}.talisman-pair{margin-block:16px 12px}.talisman{min-height:238px;padding:19px 21px}.talisman-seal{width:50px;height:50px;margin-bottom:10px}.talisman-seal svg{width:30px;height:30px}.choice-explanation{min-height:22px;margin:12px 0}.first-choice{margin-block:10px}.choice-footer{margin-top:12px}.choice-footer>p{margin-top:9px}.keeper img{max-width:480px}.route-choice .choice-layout{margin-top:20px}}
.choice-screen>.menu-atmosphere::after{background:transparent}
.queue-slot{animation-name:variant-queue-rise}
@keyframes variant-queue-rise{from{opacity:.25;translate:0 20px}to{opacity:1;translate:0 0}}

.guard-halo{top:auto;bottom:2%;left:8%;right:8%;opacity:.8}.forecast-label.traced{top:67%}

/* La consulta de ventajas deja libre el espacio de la cola junto al personaje. */
@media(max-width:600px){
 .combat-build{top:53px;left:8px}
 .guard-state{top:104px;left:8px}
}
@media(min-width:601px){
 .combat-build{top:32px;left:auto;right:144px}
 .guard-state{top:86px;left:auto;right:144px;margin:0}
 .queue-anchor{max-width:none}
 .queue{flex-direction:row;gap:3px}
 .queue:has(.queue-slot:nth-child(2)) .queue-slot{padding-top:0;display:flex;gap:3px}
 .queue .earlier,.queue-anchor[data-edge=right] .earlier{position:static;rotate:90deg}
 .queue-caption{font-size:0}
 .queue-caption::after{content:'PRIMERO A LA IZQUIERDA';font-size:7px}
}
@media(min-width:601px) and (max-height:600px){
 .combat-build{top:18px;left:auto;right:132px;width:48px;max-width:48px;justify-content:center;padding:8px}
 .combat-build>span{display:none}
 .guard-state{top:69px;left:auto;right:140px}
}
@media(min-width:601px) and (max-width:760px) and (max-height:600px){
 #game[data-mode="combat"]{--field-top:12%;--field-bottom:30%}
 .queue-anchor{bottom:65%}
 .belt{gap:12px;left:12px;right:12px;bottom:31px;align-items:center}
 .movement{grid-template-columns:repeat(2,48px);gap:4px}
 .movement button{min-height:48px}
 .inventory{gap:4px;padding-inline:0}
 .inventory .skill{width:54px;flex-shrink:0}
 .execute{min-width:100px;width:100px;height:56px;padding:7px;grid-template-columns:1fr}
 .execute>svg{display:none}
 .execute strong,.execute small{grid-column:1}
 #game[data-mode="combat"] .decision{bottom:160px;width:calc(100% - 48px)}
}