.showcase-home{--sc-muted:#a9becd;--sc-line:#2a4051;--sc-gold:#f2cf88;overflow:clip;background:radial-gradient(ellipse at 100% 30%,#12364828,transparent 42%)}
.showcase-home :is(h1,h2,h3,p,figure){margin:0}
.showcase-home :is(section,nav)[id]{scroll-margin-top:104px}
.showcase-eyebrow{display:block;font-size:10px;line-height:1.6;font-weight:800;letter-spacing:2.2px;color:#83cce9;text-transform:uppercase}
.showcase-hero{border-bottom:1px solid var(--sc-line);background:radial-gradient(ellipse at 80% 28%,#173f64a8,transparent 64%),linear-gradient(130deg,#07121e,#09121d 70%)}
.showcase-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:50px;min-height:650px;padding-block:70px 64px}
.showcase-hero-grid>*{min-width:0}
.showcase-hero h1{font:700 clamp(44px,4.7vw,68px)/1.08 var(--serif);letter-spacing:-1.8px;margin:20px 0 22px;color:#f6f3eb}
.showcase-hero h1 em{font-style:normal;color:var(--sc-gold)}
.showcase-hero-copy>p{font-size:16px;line-height:1.85;color:var(--sc-muted);max-width:45ch}
.showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.showcase-actions .btn{gap:16px;font-size:13px;padding:14px 19px}
.showcase-home .showcase-secondary{background:#122737;border:1px solid #526c7f;color:#e6f2f8;box-shadow:inset 0 1px #ffffff0a}
.showcase-home .showcase-secondary:is(:hover,:focus-visible){background:#203e51;border-color:var(--sc-gold);color:var(--sc-gold)}
.showcase-live{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;font-size:11px;color:#8fa9bd;line-height:1.7}
.showcase-live b{font-size:11px;color:#bad6d0}
.showcase-collage{position:relative;min-height:480px;isolation:isolate}
.showcase-collage>a{position:absolute;display:block;overflow:hidden;border:1px solid #8c754d;border-radius:12px;background:#0a1520;box-shadow:0 24px 45px #0009,0 0 0 5px #07131a80;transition:transform .3s,border-color .3s}
.showcase-collage>a:focus-visible{outline:3px solid #9bd8f5;outline-offset:6px}
.collage-launcher{top:5%;left:0;width:100%;transform:rotate(2deg)}
.collage-launcher img{display:block;width:100%;height:auto}
.collage-task{bottom:7%;left:-3%;width:45%;aspect-ratio:1.19;transform:rotate(-5deg);z-index:2}
.collage-vip{bottom:4%;right:-2%;width:52%;aspect-ratio:1.19;transform:rotate(4deg);z-index:3}
.collage-module img{position:absolute;top:50%;left:50%;width:300%;max-width:none;height:auto;transform:translate(-50%,-50%)}
.showcase-collage>a:hover{transform:translateY(-6px) rotate(0);border-color:#ffe1a3}
.collage-caption{position:absolute;bottom:-17px;inset-inline:0;text-align:center;font-size:10px;letter-spacing:1px;color:#8fa9bd}
.collage-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e6bd70;margin-inline-end:8px;vertical-align:2px;box-shadow:0 0 12px #e6bd7080}
.showcase-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:26px;border-bottom:1px solid var(--sc-line)}
.showcase-stats>div{display:flex;flex-direction:column;gap:6px;text-align:center;border-inline-end:1px solid var(--sc-line)}
.showcase-stats>div:last-child{border:0}
.showcase-stats strong{font:600 34px/1 var(--serif);color:var(--sc-gold)}
.showcase-stats span{font-size:11px;color:#a2b9c8;letter-spacing:.4px}
.showcase-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 22px;padding-block:24px}
.showcase-jump a{padding:5px 0;font-size:10px;font-weight:700;letter-spacing:1px;color:#8fa9bd;border-bottom:1px solid transparent}
.showcase-jump a:is(:hover,:focus-visible){color:var(--sc-gold);border-color:var(--sc-gold)}
.showcase-intro{padding-block:60px 12px;text-align:center}
.showcase-home h2{font:700 clamp(29px,3.1vw,43px)/1.18 var(--serif);letter-spacing:-.65px;color:#f3eee3}
.showcase-intro h2,.showcase-section-heading h2{margin-top:12px}
.showcase-intro p,.showcase-section-heading>p{font-size:15px;line-height:1.8;color:var(--sc-muted);max-width:68ch;margin:18px auto 0}
.showcase-story{display:grid;grid-template-columns:1.07fr .93fr;gap:58px;align-items:center;padding-block:64px;border-bottom:1px solid #263d4a80}
.showcase-story>*{min-width:0}
.showcase-story--reverse{grid-template-columns:.93fr 1.07fr}
.showcase-story--reverse .showcase-story-media{order:2}
.showcase-story-copy h2{margin:13px 0 18px}
.showcase-story-copy>p{font-size:14px;line-height:1.85;color:var(--sc-muted)}
.showcase-points{list-style:none;padding:0;margin:22px 0;display:grid;gap:13px;color:#bacbd5;font-size:12px;line-height:1.75}
.showcase-points li{position:relative;padding-inline-start:20px}
.showcase-points li::before{position:absolute;inset-inline-start:0;top:4px;content:'✦';font-size:10px;color:#74cbb3}
.showcase-link{display:inline-flex;align-items:center;gap:20px;color:var(--sc-gold);font-weight:700;font-size:12px;line-height:1.7}
.showcase-link:is(:hover,:focus-visible){color:#fff0c9;text-decoration:underline;text-underline-offset:5px}
.showcase-photo{min-width:0}
.showcase-shot{display:block;position:relative;width:100%;overflow:hidden;border:1px solid #466275;border-radius:15px;background:#08131f;box-shadow:0 20px 55px #0006,inset 0 1px #ffffff18;isolation:isolate;transition:border-color .2s,transform .2s}
.showcase-shot:hover{transform:translateY(-3px);border-color:#d0ac69}
.showcase-shot:focus-visible{outline:3px solid #90d1f3;outline-offset:5px}
.showcase-shot--module{aspect-ratio:1.21}
.showcase-shot--module img{position:absolute;left:50%;top:50%;width:300%;max-width:none;height:auto;transform:translate(-50%,-50%)}
.showcase-shot--world{aspect-ratio:1.72}
.showcase-shot--world img{width:100%;height:100%;object-fit:cover;display:block}
.showcase-shot--reborn{aspect-ratio:1.4}
.showcase-shot--reborn img{position:absolute;width:170%;max-width:none;left:50%;top:50%;transform:translate(-50%,-40%)}
.showcase-zoom{position:absolute;bottom:10px;right:10px;z-index:2;width:29px;height:29px;display:grid;place-items:center;background:#08131fe8;color:#f9d996;border:1px solid #6f654e;border-radius:7px;font-size:17px;box-shadow:0 2px 10px #0005}
.showcase-photo figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:13px 3px 0;color:#7f99ab;font-size:9px;line-height:1.7}
.showcase-photo figcaption>span{color:#aec1cc;letter-spacing:1.15px;font-size:8px}
.showcase-story--vip{border:1px solid #6d583c;border-radius:22px;margin-block:26px;padding:36px;gap:36px;background:radial-gradient(ellipse at 100% 0,#a8792822,transparent 70%),linear-gradient(145deg,#151c23,#101c26)}
.showcase-story--vip .showcase-eyebrow,.showcase-story--vip .showcase-points li::before{color:var(--sc-gold)}
.showcase-story--vip h2{font-size:36px}
.showcase-story--vip .showcase-shot{border-color:#8a713e}
.showcase-section{padding-block:72px 20px}
.showcase-section-heading{text-align:center;margin-bottom:34px}
.showcase-rare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.showcase-rare-card{position:relative;min-width:0;padding:28px;background:radial-gradient(circle at 100% 0,#2a669533,transparent 65%),#0d1a25;border:1px solid #38576e;border-radius:16px;overflow:hidden}
.showcase-tag{display:inline-block;font-size:8px;font-weight:700;line-height:1.6;letter-spacing:1.5px;color:#92c6df}
.showcase-rare-card h3{font:600 25px/1.2 var(--serif);margin-top:12px;color:#eaf1f3}
.showcase-rare-card>strong{display:block;margin:24px 0 17px;font:500 clamp(30px,3.2vw,45px)/1 var(--serif);letter-spacing:-1px;color:var(--sc-gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.showcase-rare-card>strong span{font-size:.55em;margin-inline-start:3px}
.showcase-rare-card p{color:var(--sc-muted);font-size:12px;line-height:1.85}
.showcase-rare-card--silver{background:radial-gradient(circle at 100% 0,#8b69482a,transparent 65%),#151c24;border-color:#5d4f3e}
.showcase-rare-card--silver .showcase-tag{color:#d8bc80}
.showcase-socket-note{margin-top:18px;padding:21px 25px;border:1px solid #4f4938;border-radius:12px;background:#221e1780}
.showcase-socket-note .showcase-tag{color:#edc881}
.showcase-socket-note p{margin-top:8px;color:#b9c4ca;font-size:12px;line-height:1.8}
.showcase-farm-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:21px}
.showcase-farm-notes p{color:#91a9ba;font-size:12px;line-height:1.8}
.showcase-farm-notes b{color:#d5e2e7}
.showcase-events{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.showcase-events article{min-width:0;padding:25px 22px;border:1px solid #304b60;border-radius:13px;background:linear-gradient(145deg,#12273770,#0b1622);position:relative;overflow:hidden}
.showcase-event-number{display:block;color:#57778e;font:500 29px/1 var(--serif);margin-bottom:26px}
.showcase-events h3{font:600 25px/1.25 var(--serif);color:#f0dfba;margin:13px 0}
.showcase-events p{font-size:12px;line-height:1.85;color:var(--sc-muted)}
.showcase-boss-note{margin-top:20px!important;text-align:center;font-size:12px;line-height:1.8;color:#9cb3c3}
.showcase-start{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;margin-top:72px;margin-bottom:72px;padding:38px 40px;border:1px solid #53616a;border-radius:18px;background:radial-gradient(ellipse at 100% 100%,#30527560,transparent 70%),#101d29}
.showcase-start h2{margin-top:12px}
.showcase-start p{margin-top:14px;max-width:72ch;font-size:13px;line-height:1.8;color:var(--sc-muted)}
.showcase-start-actions{display:grid;gap:12px;min-width:180px}
.showcase-start-actions .btn{font-size:12px}
.showcase-viewer{padding:15px 18px;color:#e4eff7;border:1px solid #526a7a;border-radius:14px;background:#09141e;max-width:min(96vw,1650px);width:max-content;max-height:96dvh;box-shadow:0 35px 90px #000b}
.showcase-viewer::backdrop{background:#02070deb;backdrop-filter:blur(7px)}
.showcase-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:12px}
.showcase-viewer-bar strong{font-size:13px;font-weight:500}
.showcase-viewer button{border:1px solid #40596b;border-radius:7px;background:#172a39;color:#e9c57b;padding:6px 12px;font:inherit;cursor:pointer}
.showcase-viewer button:focus-visible{outline:2px solid #8fd5f7;outline-offset:3px}
.showcase-viewer-bar button{font-size:22px;line-height:1.2}
.showcase-viewer>img{display:block;max-width:100%;max-height:calc(96dvh - 115px);width:auto;height:auto;object-fit:contain;border-radius:5px}
.showcase-viewer-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:12px;font-size:12px;color:#a7becd}
body.showcase-viewer-open{overflow:hidden}
@media(min-width:1500px){.showcase-hero-grid{gap:70px}.showcase-collage{min-height:500px}}
@media(max-width:1000px){.showcase-hero-grid{gap:30px;min-height:570px}.showcase-collage{min-height:390px}.showcase-hero h1{font-size:50px}.showcase-story{gap:32px}.showcase-story--vip{padding:25px;gap:25px}.showcase-events{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-rare-card{padding:23px}.showcase-start{gap:30px}}
@media(max-width:760px){.showcase-hero-grid{grid-template-columns:1fr;padding-block:42px 36px;gap:34px}.showcase-hero h1{font-size:clamp(42px,8vw,61px)}.showcase-hero-copy>p{max-width:55ch;font-size:15px}.showcase-collage{width:min(100%,550px);justify-self:center;min-height:440px}.showcase-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.showcase-stats>div:nth-child(2){border:0}.showcase-jump{gap:6px 16px;padding-block:18px}.showcase-intro{padding-top:35px}.showcase-story,.showcase-story--reverse{grid-template-columns:1fr;gap:29px;padding-block:40px}.showcase-story--reverse .showcase-story-media{order:0}.showcase-story-copy h2{font-size:34px}.showcase-story--vip{padding:25px 20px;margin-block:18px}.showcase-story--vip h2{font-size:32px}.showcase-points{font-size:13px}.showcase-section{padding-top:45px}.showcase-rare-grid{grid-template-columns:1fr}.showcase-rare-card>strong{font-size:42px;margin-top:18px}.showcase-rare-card p{font-size:13px}.showcase-farm-notes{grid-template-columns:1fr;gap:12px}.showcase-start{grid-template-columns:1fr;padding:26px;gap:26px;margin-block:40px}.showcase-start-actions{grid-template-columns:1fr 1fr;min-width:0}.showcase-start-actions .btn{padding:13px 9px}.showcase-photo figcaption{font-size:9px}}
@media(max-width:430px){.showcase-collage{min-height:315px}.showcase-hero-grid{padding-bottom:38px}.showcase-hero h1{font-size:43px}.showcase-actions{gap:9px}.showcase-actions .btn{font-size:12px;padding:13px}.showcase-live{font-size:10px}.collage-caption{font-size:8px;letter-spacing:.4px;bottom:-17px}.showcase-events{grid-template-columns:1fr}.showcase-start-actions{grid-template-columns:1fr}.showcase-story-copy h2{font-size:31px}.showcase-zoom{width:25px;height:25px}.showcase-viewer{padding:10px;max-width:98vw}.showcase-viewer-bar strong{font-size:11px}.showcase-viewer>img{max-height:calc(96dvh - 108px)}}
@media(prefers-reduced-motion:reduce){.showcase-home *{transition:none!important;animation:none!important}}