.sb-20.landing-page{justify-content:space-between;gap:clamp(24px,5svh,64px);min-height:min(1000px,100svh - 128px);max-height:none;margin:auto;padding:clamp(20px,3svh,36px) 20px}.landing-page .world-hero{flex:1;padding:0}.landing-page .sb-22{gap:clamp(12px,2svh,20px)}.landing-play-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:360px;display:grid}.landing-play-choice{justify-items:center;gap:8px;min-width:0;display:grid}.landing-play-choice .sb-27{white-space:nowrap;width:100%;padding-inline:16px}.landing-battle-icon,.landing-story-icon{flex:none;width:28px;height:28px}@media (width<=1023px){.landing-play-choice .sb-27{gap:8px;padding-inline:10px;font-size:14px}.landing-battle-icon,.landing-story-icon{width:24px;height:24px}}.landing-page .sb-24{font-size:clamp(28px,min(3.4vw,4svh),42px)}.landing-page .landing-battle-party,.landing-page .landing-battle-bosses{object-fit:contain;object-position:center bottom;max-height:clamp(160px,29svh,320px)}.landing-page .landing-battle-bosses{transform-origin:bottom;max-height:clamp(200px,36.25svh,400px);transform:scale(.8)}@media (width>=820px){.landing-page .landing-battle-party,.landing-page .landing-battle-bosses{object-position:center;align-self:center}.landing-page .landing-battle-bosses{transform-origin:100%;transform:scale(.88)}}@media (width>=1280px){.landing-page .world-hero{min-height:344px}.landing-page .landing-battle-bosses{transform-origin:50%;transform:scale(1.04)}}.landing-page .run-guide{--run-gold:#b8a071;flex:none;gap:16px;width:100%;margin-inline:auto}.run-guide-heading{align-items:center;gap:20px;display:flex}.run-guide .sb-41{color:#ecebe4;flex:none;font-size:clamp(16px,1.6vw,20px);line-height:1.4}.run-guide-rule{background:#b8a07130;flex:1;height:1px}.landing-page .run-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;margin-inline:auto}.landing-page .run-step{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0}.run-step-art{aspect-ratio:8/3;width:100%;image-rendering:pixelated;pointer-events:none;background:#0d181f;border:1px solid #b8a07150;flex:none;position:relative;overflow:hidden}.run-step-scene{object-fit:contain;filter:saturate(.8)brightness(.9);width:100%;height:100%;display:block;position:absolute;inset:0}.run-step-title{color:#ecebe4;align-items:baseline;gap:9px;margin:12px 0 0;font:400 clamp(12px,1.15vw,14px)/1.5 Silkscreen,monospace;display:flex}.run-step-number{color:var(--run-gold);flex:none;font-size:10px}.run-step-description{color:#afb4b5;text-wrap:pretty;max-width:40ch;margin:5px 0 0;font-size:13px;line-height:1.6}@media (width<=819px){.sb-20.landing-page{gap:32px;min-height:0;max-height:none;margin:0 auto;padding:clamp(24px,4svh,40px) 20px}.landing-page .world-hero{flex:none;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);column-gap:0}.landing-page .sb-24{font-size:clamp(28px,5vw,38px)}.landing-page .landing-battle-party,.landing-page .landing-battle-bosses{max-height:clamp(120px,24svh,220px)}.landing-page .landing-battle-bosses{max-height:clamp(150px,30svh,275px)}.landing-page .run-steps{grid-template-columns:minmax(0,1fr);gap:24px}.run-guide-heading{gap:12px}}.story-desktop .story-region{gap:var(--story-warden-gap);flex-direction:column;display:flex}.story-desktop .story-location-label{z-index:1;color:#d9c291;background:#14171ae6;border:1px solid #343d43;align-self:center;margin:0;padding:10px 14px;font:400 16px/1.3 Silkscreen,monospace;position:relative}.story-desktop .story-training-region>.story-location-label{margin-bottom:24px}.story-desktop.story-page{width:100%;max-width:960px;margin:0 auto;padding:30px 18px 54px;position:relative}.story-desktop .story-heading{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:36px;display:flex}.story-desktop .story-heading>div:first-child{flex:320px;min-width:0}.story-desktop.story-page h1{margin:0 0 9px;font:400 24px/1.2 Silkscreen,monospace}.story-desktop.story-page p{color:#afb4b5;text-wrap:pretty;margin:0;font:400 14px/1.5 IBM Plex Sans,sans-serif}.story-desktop .story-progress{flex-direction:column;gap:9px;display:flex}.story-desktop .story-progress>span{font:400 11px/1.3 Silkscreen,monospace}.story-desktop .story-progress small{color:#afb4b5;font-size:13px}.story-desktop .story-progress>div{gap:4px;display:flex}.story-desktop .story-progress i{background:#2a3137;width:14px;height:10px;box-shadow:0 0 0 2px #0b0c0e}.story-desktop .story-progress .complete{background:#b8a071}.story-desktop .story-progress .current{background:#d9b86a}.story-desktop.story-page button{cursor:pointer;color:#ecebe4;background:#232a30;border:0;min-height:44px;padding:12px;font:400 12px/1.3 Silkscreen,monospace;box-shadow:0 0 0 3px #0b0c0e}.story-desktop.story-page button.story-jump,.story-desktop.story-page button.story-challenge-button{color:#0b0c0e;background:#b8a071}.story-desktop.story-page button:hover:not(:disabled){filter:brightness(1.12)}.story-desktop.story-page button:disabled{opacity:.45;cursor:not-allowed}.story-desktop.story-page button:focus-visible{outline-offset:5px;outline:3px solid #e8cf8e}.story-desktop .story-path{--story-portrait-size:88px;--story-training-gap:16px;--story-section-gap:72px;--story-scenery-gap:64px;--story-warden-gap:48px;--story-realm-width:clamp(900px, 100vw, var(--world-scenery-width,1600px));--story-scenery-width:max(1024px, calc(var(--story-realm-width) * .8));isolation:isolate;padding:12px 12px 60px;position:relative}.story-desktop .story-scenery{z-index:-3;pointer-events:none;opacity:.62;position:absolute;inset:0}.story-desktop .story-scenery:after{content:"";z-index:3;width:100vw;height:calc(var(--story-castle-start) + var(--story-scenery-width));-webkit-mask-image:linear-gradient(180deg, transparent, #000 160px, #000 calc(100% - var(--story-scenery-transition)), transparent);mask-image:linear-gradient(180deg, transparent, #000 160px, #000 calc(100% - var(--story-scenery-transition)), transparent);background:linear-gradient(90deg,#101215f5,#101215f5 16%,#080a0fcc 28%,#080a0f80 36%,#080a0f00 45% 55%,#080a0f80 64%,#080a0fcc 72%,#101215f5 84%,#101215f5);position:absolute;top:0;left:50%;transform:translate(-50%)}.story-desktop .story-forest,.story-desktop .story-bridge{pointer-events:none;width:100vw;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.story-desktop .story-forest{--story-forest-fade:clamp(120px, calc(var(--story-scenery-width) * .1), 160px);z-index:1;height:var(--story-forest-end);-webkit-mask-image:linear-gradient(180deg, transparent, #000 160px, #000 calc(100% - var(--story-forest-fade)), #000000d9 calc(100% - var(--story-forest-fade) * .75), #0008 calc(100% - var(--story-forest-fade) * .5), #00000026 calc(100% - var(--story-forest-fade) * .25), transparent);mask-image:linear-gradient(180deg, transparent, #000 160px, #000 calc(100% - var(--story-forest-fade)), #000000d9 calc(100% - var(--story-forest-fade) * .75), #0008 calc(100% - var(--story-forest-fade) * .5), #00000026 calc(100% - var(--story-forest-fade) * .25), transparent);top:0}.story-desktop .story-forest-strip{width:var(--story-scenery-width);position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 86%,#0000)}.story-desktop .story-forest img{aspect-ratio:2/3;width:100%;height:auto;image-rendering:pixelated;display:block}.story-desktop .story-bridge{--story-bridge-entry-fade:clamp(100px, calc(var(--story-scenery-width) * .08), 128px);top:var(--story-bridge-start);height:calc(var(--story-bridge-end) - var(--story-bridge-start));-webkit-mask-image:linear-gradient(180deg, transparent, #00000026 calc(var(--story-bridge-entry-fade) * .25), #0008 calc(var(--story-bridge-entry-fade) * .5), #000000d9 calc(var(--story-bridge-entry-fade) * .75), #000 var(--story-bridge-entry-fade), #000 calc(100% - var(--story-scenery-transition)), transparent);mask-image:linear-gradient(180deg, transparent, #00000026 calc(var(--story-bridge-entry-fade) * .25), #0008 calc(var(--story-bridge-entry-fade) * .5), #000000d9 calc(var(--story-bridge-entry-fade) * .75), #000 var(--story-bridge-entry-fade), #000 calc(100% - var(--story-scenery-transition)), transparent)}.story-desktop .story-bridge:after{content:"";background:linear-gradient(90deg,#101215,#080a0fcc 22%,#080a0f00 42% 58%,#080a0fcc 78%,#101215);position:absolute;inset:0}.story-desktop .story-bridge-tile{width:var(--story-scenery-width);position:relative;left:50%;transform:translate(-50%)}.story-desktop .story-bridge img{aspect-ratio:2/3;width:100%;height:auto;image-rendering:pixelated;display:block}.story-desktop .story-bridge-reflection{position:absolute;inset:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 34% 66%,#0000 70%);mask-image:linear-gradient(90deg,#0000 30%,#000 34% 66%,#0000 70%)}.story-desktop .story-warden-stage{display:flex;position:relative}.story-desktop .story-warden-stage.story-stage-castle{grid-template-rows:calc(var(--story-scenery-width) * .35) auto;min-height:var(--story-scenery-width);padding:calc(var(--story-scenery-width) * .42 - var(--story-portrait-size) / 2) 0 130px;place-items:start end;gap:0;margin-top:0;display:grid}.story-desktop .story-stage-altar{min-height:calc(var(--story-realm-width) * 2 / 3);padding:calc(var(--story-realm-width) * 2 / 3 * .49 - var(--story-portrait-size) / 2) 0 150px}.story-desktop .story-realm{z-index:-2;width:var(--story-realm-width);aspect-ratio:3/2;pointer-events:none;opacity:.62;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 20% 85%,#0000);mask-image:linear-gradient(#0000,#000 20% 85%,#0000)}.story-desktop .story-realm img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.story-desktop .story-realm:after{content:"";background:linear-gradient(#080a0f00 40%,#080a0f99 85%),radial-gradient(at 50% 42%,#080a0f00 18%,#080a0f66 62%,#101215 100%),linear-gradient(90deg,#101215,#080a0f99 22%,#080a0f00 42% 58%,#080a0f99 78%,#101215);position:absolute;inset:0}.story-desktop .story-castle{z-index:2;top:var(--story-castle-start);width:calc(var(--story-scenery-width) * 1.5);opacity:1;-webkit-mask-image:linear-gradient(180deg, transparent, #000 var(--story-scenery-transition), #000 calc(100% - var(--story-scenery-transition)), transparent);mask-image:linear-gradient(180deg, transparent, #000 var(--story-scenery-transition), #000 calc(100% - var(--story-scenery-transition)), transparent);transform:translate(-47.8%)}.story-desktop .story-castle:after{background:linear-gradient(90deg,#101215,#080a0f99 18%,#080a0f00 32% 68%,#080a0f99 82%,#101215)}.story-desktop .story-stage-altar .story-realm{opacity:.7}.story-desktop .story-stage-altar.story-realm-unknown .story-realm{opacity:.35}.story-desktop .story-darkness{z-index:-1;inset-block:var(--story-bridge-start) 0;pointer-events:none;width:100vw;-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--story-castle-start) - var(--story-bridge-start) - 240px), transparent calc(var(--story-castle-start) - var(--story-bridge-start)));mask-image:linear-gradient(180deg, #000 calc(var(--story-castle-start) - var(--story-bridge-start) - 240px), transparent calc(var(--story-castle-start) - var(--story-bridge-start)));background:linear-gradient(#10121500 58%,#10121599 67%,#101215ed 72%,#10121500 84%);position:absolute;left:50%;transform:translate(-50%)}.story-desktop .story-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.story-desktop .story-route path{fill:none;vector-effect:non-scaling-stroke}.story-desktop .story-route-border{stroke:#0b0c0e;stroke-width:15px}.story-desktop .story-route-locked{stroke:#3a4248;stroke-width:6px;stroke-dasharray:9 9}.story-desktop .story-route-done{stroke:#b8a071;stroke-width:6px}.story-desktop .story-route-next{stroke:#d9b86a;stroke-width:6px;stroke-dasharray:9 9}.story-desktop .story-training-region{min-height:calc(var(--story-scenery-width) * .9);padding-bottom:var(--story-section-gap);flex-direction:column;align-items:flex-end;display:flex}.story-desktop .story-start{width:calc(50% + var(--story-portrait-size) / 2);margin-bottom:var(--story-section-gap);flex-shrink:0;align-items:center;gap:16px;display:flex;position:relative}.story-desktop .story-start>div:last-child{background:#171b1f;flex-direction:column;flex:1;gap:9px;min-width:0;padding:15px;display:flex;box-shadow:0 0 0 3px #0b0c0e}.story-desktop .story-start span{color:#b8a071;font:400 11px/1.3 Silkscreen,monospace}.story-desktop .story-start strong{overflow-wrap:anywhere;font:400 15px/1.3 Silkscreen,monospace}.story-desktop .story-training-column{width:calc(50% + var(--story-portrait-size) / 2);gap:var(--story-training-gap);flex-direction:column;margin-block:auto;display:flex;position:relative}.story-desktop .story-warden-path{gap:var(--story-warden-gap);margin-top:var(--story-scenery-gap);padding-top:var(--story-scenery-transition);flex-direction:column;display:flex;position:relative}.story-desktop .story-encounter{align-items:flex-start;gap:16px;min-width:0;display:flex;position:relative}.story-desktop .story-warden-stage>.story-encounter{width:calc(50% - 24px)}.story-desktop .story-warden-stage.is-odd{justify-content:flex-end}.story-desktop .story-warden-stage.is-even>.story-encounter{flex-direction:row-reverse}@media (width>=860px){.story-desktop .story-region-forest .story-warden-stage:has(>.story-current){align-items:flex-start;height:190px}}.story-desktop .story-stage-castle>.story-encounter{width:calc(50% + var(--story-portrait-size) / 2);flex-direction:row}.story-desktop .story-warden-stage.story-stage-castle>[data-story-node=warden\:11]{transform:translateX(calc(var(--story-scenery-width) * .014))}.story-desktop .story-stage-altar>.story-encounter{width:calc(50% + var(--story-portrait-size) / 2 + var(--story-realm-width) * .077)}.story-desktop .story-portrait{width:var(--story-portrait-size);height:var(--story-portrait-size);flex:0 0 var(--story-portrait-size);background:#1b2025;padding:3px;position:relative;box-shadow:0 0 0 3px #0b0c0e,inset 0 0 0 3px #2a3137}.story-desktop .story-portrait img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.story-desktop .story-portrait>span{color:#4a5258;justify-content:center;align-items:center;width:100%;height:100%;font:400 36px/1 Silkscreen,monospace;display:flex}.story-desktop .story-portrait>b{color:#0b0c0e;background:#b8a071;padding:5px 6px;font:400 10px/1 Silkscreen,monospace;position:absolute;bottom:-9px;right:-6px;box-shadow:0 0 0 3px #0b0c0e}.story-desktop .story-current .story-portrait{box-shadow:0 0 0 3px #0b0c0e,0 0 0 6px #d9b86a,0 0 0 9px #0b0c0e}.story-desktop .story-plate{background:#171b1f;flex-direction:column;flex:1;gap:9px;min-width:0;padding:12px 15px 15px;display:flex;box-shadow:0 0 0 3px #0b0c0e,inset 0 3px #262d33,6px 6px 0 3px #00000059}.story-desktop .story-current .story-plate{background:#1b2025;box-shadow:0 0 0 3px #0b0c0e,inset 0 3px #d9b86a,6px 6px 0 3px #00000059}.story-desktop .story-plate h2{overflow-wrap:anywhere;margin:0;font:400 15px/1.3 Silkscreen,monospace}.story-desktop .story-card-meta,.story-desktop .story-strength,.story-desktop .story-challenge>div:not(.story-actions){justify-content:space-between;align-items:baseline;gap:9px;display:flex}.story-desktop .story-card-meta{color:#b8a071;font:400 10px/1.3 Silkscreen,monospace}.story-desktop .story-card-meta b{font-weight:400}.story-desktop .story-current .story-card-meta{color:#d9b86a}.story-desktop .story-stats{background:#0b0c0e;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:3px 0;display:grid;box-shadow:0 0 0 3px #0b0c0e}.story-desktop .story-stats>div{text-align:center;background:#13161a;min-width:0;padding:6px 0}.story-desktop .story-stats dt{color:#80878a;font:400 9px/1.3 Silkscreen,monospace}.story-desktop .story-stats dd{margin:5px 0 0;font:400 12px/1.3 Silkscreen,monospace}.story-desktop .story-strength{font:400 12px/1.3 Silkscreen,monospace}.story-desktop .story-strength span,.story-desktop .story-challenge span{color:#80878a}.story-desktop .story-strength b{font:400 15px/1.3 Silkscreen,monospace}.story-desktop .story-challenge{border-top:3px solid #0b0c0e;flex-direction:column;gap:9px;padding-top:12px;display:flex}.story-desktop .story-challenge>div:not(.story-actions){font-size:13px}.story-desktop .story-challenge b{text-align:right;font-weight:500}.story-desktop .story-challenge .story-gate{color:#e3a39c}.story-desktop .story-actions{flex-wrap:wrap;gap:9px;margin-top:3px;display:flex}.story-desktop .story-actions>button{flex:90px}.story-desktop .story-locked .story-plate{color:#5e666b;background:#121518}.story-desktop .story-locked .story-card-meta{color:#5e666b}.story-desktop .story-complete .story-portrait img{filter:saturate(.6)brightness(.85)}.story-desktop .story-notice,.story-desktop .story-finish{background:#171b1f;margin-bottom:30px;padding:18px;box-shadow:0 0 0 3px #0b0c0e}.story-desktop .story-finish{text-align:center}.story-desktop .story-finish strong{color:#d9b86a;margin-bottom:9px;font:400 17px/1.3 Silkscreen,monospace;display:block}@media (width<=859px){.story-desktop.story-page{padding:24px 18px 42px}.story-desktop .story-heading{gap:18px}.story-desktop .story-path{--story-training-gap:16px;--story-section-gap:48px;--story-scenery-gap:48px;--story-warden-gap:40px;padding-left:3px;padding-right:3px}.story-desktop .story-start,.story-desktop .story-training-column,.story-desktop .story-warden-stage>.story-encounter{width:100%}.story-desktop .story-training-column{gap:var(--story-training-gap)}.story-desktop .story-start,.story-desktop .story-training{flex-direction:column;align-items:center}.story-desktop .story-start>div:last-child,.story-desktop .story-training .story-plate{width:100%}.story-desktop .story-warden-stage.story-stage-castle{grid-template-rows:minmax(calc(var(--story-scenery-width) * .35), max-content) auto;padding-bottom:110px}.story-desktop .story-warden-stage.story-stage-castle>[data-story-node=warden\:11]{transform:none}.story-desktop .story-stage-altar{padding-bottom:130px}.story-desktop .story-warden-stage.story-stage-castle>.story-encounter,.story-desktop .story-warden-stage.story-stage-altar>.story-encounter{flex-direction:column;width:100%;scroll-margin-top:200px}.story-desktop .story-stage-castle .story-portrait,.story-desktop .story-stage-altar .story-portrait{align-self:center}.story-desktop .story-stage-altar .story-portrait{transform:translateX(calc(var(--story-realm-width) * .077))}.story-desktop .story-stage-castle .story-plate,.story-desktop .story-stage-altar .story-plate{width:100%}}@media (width<=479px){.story-desktop .story-path{--story-portrait-size:72px}.story-desktop .story-encounter,.story-desktop .story-start{gap:12px}.story-desktop .story-plate{padding:12px 9px}.story-desktop .story-plate h2{font-size:14px}.story-desktop .story-card-meta{flex-wrap:wrap;gap:3px;font-size:9px}.story-desktop .story-stats dt{font-size:8px}.story-desktop .story-actions>button{flex-basis:100%}}@media (width<=359px){.story-desktop .story-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.story-desktop .story-warden-stage.story-stage-void{isolation:isolate;margin-top:calc(150px + var(--story-warden-gap) * .5);justify-content:center;padding:100px 0}.story-desktop .story-stage-void>.story-encounter{flex-direction:column;align-items:stretch;gap:20px;width:min(100%,560px);scroll-margin-top:110px}.story-desktop .story-stage-void .story-plate{width:100%}.story-desktop .story-unmade-void{z-index:-1;pointer-events:none;background:#0b0b14;width:100vw;position:absolute;inset:0 0 0 50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 20% 75%,#0000);mask-image:linear-gradient(#0000,#000 20% 75%,#0000)}.story-desktop .story-unmade-void img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;image-rendering:pixelated;opacity:.8;display:block}.story-desktop .story-unmade-void:after{content:"";background:radial-gradient(at 50% 30%,#090a1233,#090a1200 60%);position:absolute;inset:0}.story-desktop .story-realm-unknown .story-unmade-void img{opacity:.3}.story-desktop .story-stage-void .story-portrait{width:clamp(192px,40vw,280px);height:clamp(192px,40vw,280px);box-shadow:none;background:0 0;flex:none;align-self:center;padding:0}.story-desktop .story-stage-void .story-portrait>.story-unmade-warning{color:#d7c6e8;letter-spacing:.12em;text-align:center;text-shadow:0 2px #090a12,0 0 24px #c0a0ed40;padding:12px;font-size:clamp(16px,3vw,22px);line-height:1.55}.story-desktop .story-stage-void:not(.story-realm-unknown) .story-plate{border-color:#585275}.story-desktop .story-unmade-infinite svg{vertical-align:baseline;display:inline-block}@media (width<=719px){.story-desktop .story-stage-void{padding-top:120px}}@media (width<=859px){.story-desktop .story-stage-void>.story-encounter{scroll-margin-top:210px}}.story-desktop .story-encounter.story-stage-castle,.story-desktop .story-encounter.story-stage-altar,.story-desktop .story-encounter.story-stage-void{min-height:0;margin:0;padding:0}.story-desktop .story-warden-stage.story-stage-void>.story-encounter{flex-direction:column;align-items:stretch}
