/* LOOTR's editorial sections: a short mechanical journey, category stage and rank ribbon. */
.lootr-story{--story-line:#355967;--story-ice:#9decff;--story-ease:cubic-bezier(.2,.75,.25,1);margin:52px 0 0 calc(-1*var(--rail) - 22px);min-width:0;position:relative;color:#edf8ff}
.lootr-story *{min-width:0}
.lootr-story section{scroll-margin-top:calc(var(--header) + 22px)}
.lootr-story h2,.lootr-story h3,.story-rank-ribbon strong{font-family:var(--font-display,'Barlow Condensed',Impact,sans-serif);font-weight:800;letter-spacing:-.025em;line-height:1.02}
.lootr-story h2{font-size:clamp(42px,5.5vw,72px);text-transform:uppercase;font-style:italic}
.lootr-story h2 em{font-style:inherit;color:#a9edff}
.lootr-story p{font-size:13px;line-height:1.75;color:#a9c2d1}
.story-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;color:#8fc4d5;margin-bottom:14px}
.story-kicker:before{content:'✦';color:#9deeff;margin-right:10px;font-size:12px}
.story-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 28px}
.story-text-link,.story-skip{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:11px;font-weight:600;color:#c3eaf7;padding:8px 0;line-height:1.4;text-align:left;transition:color .18s,transform .18s}
.story-text-link:hover,.story-skip:hover{color:#fff}
.story-text-link:active,.story-skip:active{transform:translateY(1px)}
.story-text-link>span,.story-skip>span{color:#70d8f3;font-size:17px}
.story-skip{flex:none;margin-bottom:3px}
.story-journey{padding:42px 0 30px;border-top:1px solid var(--story-line);background:radial-gradient(ellipse at 27% 54%,#10394d70,transparent 53%)}
.story-journey-track{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:34px;padding:28px 28px 0}
.story-stage-wrap{position:sticky;top:calc(var(--header) + 32px);align-self:start;padding-top:32px}
.story-stage{position:relative;isolation:isolate;aspect-ratio:1.15;overflow:hidden;background:radial-gradient(ellipse at 48% 58%,#135d7650,transparent 64%)}
.story-stage-orbit{position:absolute;width:76%;aspect-ratio:1;left:12%;top:8%;border:1px solid #4a9caf42;border-radius:50%;transform:rotateX(58deg);box-shadow:0 0 0 34px #458ca211,0 0 0 67px #458ca20a}
.story-stage-word{position:absolute;top:8%;left:0;width:100%;text-align:center;font-family:var(--font-display,'Barlow Condensed',sans-serif);font-style:italic;font-weight:800;font-size:clamp(70px,12vw,150px);letter-spacing:-.03em;-webkit-text-stroke:1px #59b8d33b;color:transparent;line-height:1;z-index:-1}
.story-stage-key,.story-stage-chest{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:100%;pointer-events:none}
.story-stage-key{z-index:2}
.story-stage-chest{z-index:1;opacity:0;inset:50% auto auto 0;height:auto;aspect-ratio:3/2;translate:0 -50%;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 91%,transparent);mask-composite:intersect;mask-repeat:no-repeat}
.story-stage-loot{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0}
.story-stage-loot .story-prize{position:absolute;top:25%;height:53%;width:30%;margin:0}
.story-stage-loot .story-loot-left{left:7%;transform:rotate(-11deg)}
.story-stage-loot .story-loot-right{right:7%;transform:rotate(11deg)}
.story-loot-token{position:absolute;left:27%;top:23%;width:46%;height:56%;object-fit:contain;filter:drop-shadow(0 20px 20px #0009)}
.story-stage-floor{position:absolute;width:84%;height:1px;bottom:14%;left:8%;background:linear-gradient(90deg,transparent,#5dcced73,transparent);box-shadow:0 0 36px 8px #2dc7f51c;z-index:-1}
.story-stage-caption{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #284b5d;color:#739bae;font-size:8px;letter-spacing:.13em;line-height:1.6}
.story-scroll-hint{letter-spacing:0;color:#abc9d8;white-space:nowrap}
.story-scroll-hint>span{margin-left:8px;color:#9decff}
.story-steps{list-style:none;margin:0;padding:0}
.story-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;align-content:center;min-height:226px;border-bottom:1px solid #284b5d;padding:30px 0}
.story-step:last-child{border-bottom:0}
.story-step-number{font-family:var(--font-display,'Barlow Condensed',sans-serif);font-size:47px;font-style:italic;font-weight:800;color:#7bc8de;line-height:1;opacity:.55}
.story-step h3{font-size:32px;margin:0 0 12px}
.story-step p{max-width:35em;font-size:12px}
.story-step .story-text-link{margin-top:10px;font-size:10px}
.story-universe{margin-top:40px;border-top:1px solid var(--story-line);padding:45px 28px 0;background:radial-gradient(ellipse at 78% 48%,#10334c66,transparent 55%)}
.story-universe .story-section-heading{padding:0}
.story-category-tabs{display:flex;align-items:stretch;gap:38px;margin-top:34px;border-bottom:1px solid #31515f}
.story-category-tabs button{position:relative;display:flex;align-items:center;gap:10px;padding:0 0 18px;min-height:52px;color:#7592a5;font-family:var(--font-display,'Barlow Condensed',sans-serif);font-size:27px;font-weight:700;text-align:left;transition:color .2s}
.story-category-tabs button>span{font-family:var(--font-body,'Space Grotesk',sans-serif);font-size:9px;font-weight:500;color:#5e8a9d}
.story-category-tabs button[aria-selected=true]{color:#d9f5ff}
.story-category-tabs button:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:#8ee9ff;transform:scaleX(0);transform-origin:left;transition:transform .24s var(--story-ease)}
.story-category-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.story-category-tabs button:focus-visible{outline-offset:4px}
.story-category-scene{min-height:365px}
.story-category-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;min-height:365px}
.story-category-copy{padding:32px 0;position:relative;z-index:2}
.story-category-label{color:#76cbdf;font-size:8px;font-weight:700;letter-spacing:.13em;display:block;margin-bottom:15px;line-height:1.7}
.story-category-copy h3{font-size:clamp(30px,3.2vw,43px);margin:0 0 17px}
.story-category-copy p{font-size:12px;max-width:33em}
.story-category-copy small{display:block;margin-top:16px;color:#7897aa;font-size:10px;line-height:1.7;max-width:39em}

/* Every category is composed within its own proportional stage. Sprite windows
   preserve the complete artwork height before rotation, including edge clearance. */
.story-category-art{position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:620px;min-width:0;height:auto;aspect-ratio:1.35;margin:0 auto;overflow:hidden}
.story-category-art:before{content:'';position:absolute;left:7%;right:7%;height:40%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,#164a605c,transparent 65%);transform:rotate(-7deg);z-index:-1}
.story-art-word{position:absolute;top:8%;right:6%;max-width:88%;color:#15415355;font-family:var(--font-display,'Barlow Condensed',sans-serif);font-style:italic;font-size:25cqw;font-weight:800;line-height:1;z-index:-2}
.story-category-art .story-prize{position:absolute;margin:0;max-width:none;width:34%;height:auto;aspect-ratio:2/3;filter:drop-shadow(0 2cqw 2.5cqw #0008)}
.story-category-art .atlas-stock{aspect-ratio:3/5}
.story-category-art .atlas-gift{aspect-ratio:1/2}
.story-category-art .story-art-back{left:8%;top:18%;transform:rotate(-11deg);z-index:0}
.story-category-art .story-art-front{left:35%;top:10%;width:37%;transform:rotate(8deg);z-index:2}
.story-art-coin{position:absolute;right:5%;top:44%;width:32%;max-width:none;height:auto;aspect-ratio:1;object-fit:contain;transform:rotate(9deg);z-index:3;filter:drop-shadow(0 2cqw 2.5cqw #0008)}
.story-stock-art .story-art-back{left:10%;top:10%;width:28%;transform:rotate(-10deg)}
.story-stock-art .story-art-side{right:9%;top:14%;width:28%;transform:rotate(10deg);z-index:1}
.story-stock-art .story-art-front{left:30%;top:25%;width:36%;transform:rotate(-5deg)}
.story-gift-art .story-art-back{left:20%;top:7%;width:28%;transform:rotate(-10deg)}
.story-gift-art .story-art-front{left:47%;top:13%;width:29%;transform:rotate(8deg)}
.story-universe-foot{display:flex;gap:12px;align-items:center;border-top:1px solid #284b5d;padding:17px 0}
.story-fine-icon{color:#63c8e0;font-size:18px}
.story-universe-foot p{font-size:10px;flex:1;line-height:1.6}
.story-universe-foot .story-text-link{font-size:10px;flex:none}
.story-membership{margin:58px 0 25px;padding:42px 28px 30px;border-top:1px solid var(--story-line);background:radial-gradient(ellipse at 73% 45%,#0c3a4766,transparent 58%);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px 20px;align-items:center}
.story-membership-heading h2{font-size:clamp(38px,4.6vw,60px)}
.story-membership-heading p{max-width:31em;font-size:12px;margin-top:19px}
.story-rank-ribbon{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;align-self:stretch;align-items:center}
.story-rank-ribbon li{text-align:center;position:relative;padding:0 0 14px}
.story-rank-ribbon li:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#4b8195,transparent)}
.story-rank-ribbon .holder-crest{width:100%;height:185px;margin:0 auto -7px;aspect-ratio:auto}
.story-rank-index{display:block;color:#74a5b9;font-size:7px;letter-spacing:.11em;margin-bottom:6px}
.story-rank-ribbon strong{font-size:24px;font-style:italic;text-transform:uppercase;color:#d9f2ff}
.story-rank-ribbon li:last-child .story-rank-index{color:#ccb87e}
.story-membership-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #284b5d;padding-top:24px}
.story-membership-foot p{font-size:11px;max-width:52em;line-height:1.7}
.story-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:47px;padding:11px 19px;border:1px solid #a8eafd;border-radius:6px;color:#04151e;background:linear-gradient(130deg,#b4f2ff,#71d3ee);font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:inset 0 1px #fff8;transition:transform .18s,background .18s}
.story-button:hover{background:#b4f2ff;color:#04151e}
.story-button:active{transform:translateY(1px)}
.story-button>span{font-size:19px;line-height:1}
@media(min-width:1450px){.lootr-story{margin-left:calc(-1*var(--rail) - 22px)}.story-section-heading{padding:0 40px}.story-journey-track{padding:30px 40px 0;gap:70px}.story-stage{aspect-ratio:1.32}.story-step{min-height:245px}.story-step h3{font-size:39px}.story-step p{font-size:14px}.story-step .story-text-link{font-size:12px}.story-universe,.story-membership{padding-left:40px;padding-right:40px}.story-rank-ribbon .holder-crest{height:235px}.story-rank-ribbon strong{font-size:31px}}
@media(max-width:900px){.lootr-story{margin-left:0}.story-section-heading{padding:0}.story-journey-track{padding:24px 0 0;gap:22px}.story-stage-wrap{top:calc(var(--header) + 16px)}.story-step{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:235px}.story-step-number{font-size:38px}.story-step h3{font-size:29px}.story-stage-caption{display:block;font-size:7px}.story-scroll-hint{display:block;margin-top:8px}.story-universe,.story-membership{padding-left:0;padding-right:0}.story-membership{grid-template-columns:1fr}.story-membership-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.story-membership-heading .story-kicker{grid-column:1/-1}.story-membership-heading p{align-self:end;margin-bottom:3px}.story-rank-ribbon .holder-crest{height:195px}.story-category-tabs{gap:23px}.story-category-tabs button{font-size:24px}.story-category-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}
@media(max-width:600px){.lootr-story{margin-top:35px}.lootr-story h2{font-size:44px}.story-kicker{font-size:8px;margin-bottom:12px}.story-section-heading{display:block}.story-skip{margin-top:11px;font-size:10px}.story-journey{padding-top:29px}.story-journey-track{display:block;padding-top:8px}.story-stage-wrap{top:calc(var(--header) + 3px);padding:0;background:#041522;z-index:3}.story-stage{aspect-ratio:1.65;max-height:285px;overflow:hidden}.story-stage-key{object-fit:contain}.story-stage-chest{width:90.9%;left:4.55%;object-fit:contain}.story-stage-word{font-size:95px;top:2%}.story-stage-orbit{width:60%;left:20%;top:-7%}.story-stage-caption{display:flex;justify-content:space-between;padding:10px 0;font-size:6px}.story-scroll-hint{margin:0;font-size:8px}.story-stage-loot .story-prize{height:70%;width:31%;top:10%}.story-stage-loot .story-loot-left{left:11%}.story-stage-loot .story-loot-right{right:11%}.story-loot-token{height:80%;width:37%;left:31%;top:7%}.story-step{min-height:207px;grid-template-columns:39px minmax(0,1fr);gap:14px;padding:28px 0}.story-step h3{font-size:30px}.story-step p{font-size:12px;line-height:1.7}.story-step .story-text-link{font-size:11px;margin-top:9px}.story-step-number{font-size:40px}.story-universe{margin-top:16px;padding-top:30px}.story-universe .story-section-heading>.story-text-link{margin-top:12px}.story-category-tabs{gap:0;margin-top:16px;justify-content:space-between}.story-category-tabs button{display:block;font-size:19px;padding-bottom:13px;line-height:1.1;max-width:36%}.story-category-tabs button>span{display:block;font-size:7px;margin-bottom:8px}.story-category-panel{display:flex;flex-direction:column-reverse;gap:0;min-height:0;align-items:stretch}.story-category-scene{min-height:545px}.story-category-copy{padding:0 0 24px}.story-category-label{font-size:8px;margin-bottom:12px}.story-category-copy h3{font-size:34px;margin-bottom:15px}.story-category-copy p{font-size:12px}.story-category-copy small{font-size:11px;margin-top:14px}.story-universe-foot{flex-wrap:wrap;gap:8px 12px;padding:15px 0}.story-universe-foot p{font-size:11px;flex-basis:calc(100% - 35px)}.story-universe-foot .story-text-link{margin-left:30px;font-size:11px;min-height:40px}.story-membership{margin:31px 0 8px;padding-top:30px;gap:22px}.story-membership-heading{display:block}.story-membership-heading h2{font-size:44px}.story-membership-heading p{font-size:12px;margin-top:17px}.story-rank-ribbon{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 -5px}.story-rank-ribbon .holder-crest{height:118px;margin-bottom:-6px}.story-rank-ribbon strong{font-size:19px}.story-rank-index{font-size:6px;letter-spacing:.03em}.story-membership-foot{display:block;padding-top:20px}.story-membership-foot p{font-size:11px}.story-button{width:100%;margin-top:21px;min-height:48px;font-size:12px;justify-content:space-between}}
@media(max-width:360px){.story-category-tabs button{font-size:17px}.story-rank-ribbon strong{font-size:16px}.story-rank-ribbon .holder-crest{height:103px}.story-stage-caption{font-size:5px}.story-scroll-hint{font-size:7px}.story-category-copy h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.lootr-story *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.story-stage-wrap{position:relative;top:auto}.story-scroll-hint{display:none}.story-stage-word,.story-stage-orbit{transform:none}.story-stage-word{left:4%;font-size:80px}.story-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));aspect-ratio:auto;min-height:160px}.story-stage-key,.story-stage-chest{position:relative;inset:auto;width:100%;height:160px;opacity:1!important;transform:none!important;translate:none!important;object-fit:contain}.story-stage-chest{height:auto;align-self:center}.story-stage-loot{position:relative;inset:auto;display:block;height:160px;opacity:1!important;transform:none!important}.story-stage-caption{justify-content:center}.story-step{min-height:0;padding:27px 0}.story-journey-track{align-items:start}.story-stage-floor{display:none}}