@font-face{font-family:Gateway Serif;src:url(gateway-serif.woff) format('woff');font-display:swap}@font-face{font-family:Gateway Sans;src:url(gateway-sans.woff) format('woff');font-display:swap}
:root{color-scheme:dark;--ink:#090907;--ivory:#f1eadb;--gold:#d6b77b;--muted:#b4ad9e;--serif:'Gateway Serif',Georgia,serif;--sans:'Gateway Sans',Arial,sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-width:280px;color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 0,#7960330d,transparent 65%),var(--ink)}a{color:inherit}::selection{background:#806334;color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{position:relative;max-width:1280px;margin:auto;padding:0 56px}.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none}.aura{position:absolute;width:70vw;height:100vh;top:0;background:radial-gradient(ellipse,#b7853420,transparent 65%);filter:blur(50px);animation:breathe 14s ease-in-out infinite alternate}.aura-left{left:-43%}.aura-right{right:-43%;background:radial-gradient(ellipse,#a5915a16,transparent 65%);animation-delay:-7s}.dust{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);border-radius:50%;color:var(--gold);background:currentColor;opacity:.3;box-shadow:0 0 7px currentColor;animation:float-dust var(--duration) var(--delay) ease-in-out infinite}.relic{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);fill:none;stroke:var(--gold);stroke-width:.7;opacity:.2;animation:float-relic 26s var(--delay) ease-in-out infinite;transition:filter .5s,opacity .5s}.relic.is-lit{opacity:.8;filter:drop-shadow(0 0 3px var(--gold)) drop-shadow(0 0 9px #d6b77b80);animation-play-state:paused}.masthead{display:flex;align-items:center;justify-content:space-between;padding:25px 0 21px;border-bottom:1px solid #d6b77b1c;position:relative;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#b7a88d}.back-link{text-decoration:none;display:flex;align-items:center;gap:12px;min-height:24px;transition:color .25s}.back-link:hover{color:var(--ivory)}.back-link>span{font-size:17px;letter-spacing:0}.masthead-mark{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;color:#b59b68}.site-name{font-size:9px;letter-spacing:2.1px}.hero{position:relative;text-align:center;padding:43px 0 0;isolation:isolate}.hero-ornament{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:100%;height:330px;z-index:-1;opacity:.65;pointer-events:none;transition:filter .5s}.hero-ornament.is-lit{filter:drop-shadow(0 0 3px #b3965a);opacity:.9}.eyebrow{font-size:8px;letter-spacing:3.6px;text-transform:uppercase;color:#b5a380;margin:0 0 25px}.logo-window{position:relative;overflow:hidden;aspect-ratio:1536/335;width:min(760px,100%);margin:0 auto;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);animation:reveal 1.1s ease-out both}.logo-window img{position:absolute;top:-37.3%;left:0;width:100%;height:auto;display:block;mask-image:linear-gradient(transparent,#000 5%,#000 40%,transparent 49%)}.hero-copy{margin-top:27px;animation:reveal 1.1s .12s ease-out both}.hero-kicker{font-size:8px;text-transform:uppercase;letter-spacing:2.5px;color:#b8a078;margin:0 0 15px}h1{font:400 clamp(38px,4vw,55px)/1.12 var(--serif);letter-spacing:-1.5px;margin:0 0 18px}h1 em{font-weight:400;color:#d5be95}.intro{font-size:13px;line-height:1.9;color:var(--muted);margin:0 auto;text-wrap:pretty;max-width:560px}.section-divider{display:flex;align-items:center;justify-content:center;gap:25px;margin:37px auto 12px;max-width:850px;font-size:8px;letter-spacing:2.6px;text-transform:uppercase;color:#b5a78d}.section-divider:before,.section-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#d6b77b70)}.section-divider:after{transform:rotate(180deg)}.destinations{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1000px;margin:auto;isolation:isolate}.destination{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:54px 40px 26px;min-height:355px;isolation:isolate;overflow:hidden}.destination:before{content:'';position:absolute;inset:30px 7px 0;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 85%,#d6b77b11,transparent 70%);opacity:.4;transition:opacity .5s;z-index:-1}.destination:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#d6b77b90,transparent);opacity:.4;transition:opacity .4s}.portal-art{position:absolute;inset:0;width:100%;height:100%;stroke:var(--gold);stroke-width:.65;opacity:.2;z-index:-1;pointer-events:none;transition:filter .5s,opacity .5s}.portal-art .arch{stroke-width:1}.portal-number{position:absolute;top:24px;left:50%;transform:translateX(-50%);font:11px var(--serif);color:#b49c6c;opacity:.7}.emblem{width:38px;height:38px;fill:none;stroke:var(--gold);stroke-width:.75;margin:5px 0 17px;transition:filter .5s,transform .5s}.shop-type{font-size:8px;letter-spacing:2.3px;text-transform:uppercase;color:#bfa77b;margin:0 0 11px}h2{font:400 37px/1.1 var(--serif);letter-spacing:-.7px;margin:0 0 13px}.destination p{font-size:12px;line-height:1.85;color:#b7afa1;margin:0 0 23px}.cta-slot{margin-top:auto;width:100%;max-width:294px}.enter{width:100%;min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #d6b77b66;padding:12px 17px;color:#dec594;background:linear-gradient(110deg,#d6b77b0d,#d6b77b03);font:11px var(--sans);text-decoration:none;text-align:left;transition:background .3s,border-color .3s}.enter>span:last-child{font-size:19px;line-height:1}.enter:disabled{opacity:.75;cursor:default}.link-status{display:block;font-size:9px;letter-spacing:.4px;color:#a79b87;margin-top:11px;line-height:1.6}.center-seam{position:absolute;left:50%;top:16%;bottom:8%;width:1px;background:linear-gradient(transparent,#cbb37d33,transparent);pointer-events:none}.center-seam span{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);background:var(--ink);padding:10px 0;font-size:17px;color:#9b845b}.preview-note{text-align:center;color:#a39986;font-size:10px;line-height:1.8;margin:23px auto 0}.preview-note span{padding:0 5px}footer{border-top:1px solid #d6b77b1c;display:flex;align-items:center;justify-content:center;gap:21px;padding:24px 0 27px;margin-top:28px;font-size:9px;color:#9e9584;letter-spacing:.3px}footer a{text-decoration:none;min-height:24px;display:flex;align-items:center;gap:5px}footer a:hover{color:var(--ivory)}.footer-diamond{color:#b99e68}.hover-lights{position:absolute;inset:25px 5px 0;overflow:hidden;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}.rising-light{position:absolute;left:var(--x);bottom:-8px;width:var(--size);height:var(--size);color:var(--gold);background:currentColor;border-radius:50%;box-shadow:0 0 5px currentColor,0 0 13px #d6b77b80;animation:rise var(--duration) var(--delay) linear infinite paused;opacity:0}.rising-light.star{width:8px;height:8px;border-radius:0;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%)}.destination:focus-within .hover-lights{opacity:.85}.destination:focus-within .rising-light{animation-play-state:running}.destination:focus-within .portal-art{opacity:.5;filter:drop-shadow(0 0 4px #d6b77b66)}@media(hover:hover) and (pointer:fine){.destination:hover:before{opacity:1}.destination:hover:after{opacity:1}.destination:hover .portal-art{opacity:.5;filter:drop-shadow(0 0 4px #d6b77b66)}.destination:hover .emblem{transform:translateY(-2px);filter:drop-shadow(0 0 6px #d6b77b77)}.destination:hover .hover-lights{opacity:.85}.destination:hover .rising-light{animation-play-state:running}.destination:hover .enter{border-color:#d6b77b;background:#d6b77b12}}
@keyframes rise{0%{opacity:0;transform:translate3d(0,0,0) scale(.5)}15%{opacity:.6}55%{opacity:.75}90%{opacity:0}100%{opacity:0;transform:translate3d(var(--sway),-360px,0) scale(.2)}}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes float-dust{0%,100%{opacity:.08;transform:translateY(12px)}35%,65%{opacity:.5}85%{transform:translate(12px,-35px)}}@keyframes float-relic{0%,100%{opacity:.08;transform:translateY(7px) rotate(-6deg)}45%,60%{opacity:.25;transform:translateY(-13px) rotate(5deg)}}@keyframes breathe{from{opacity:.5;transform:scale(.97)}to{opacity:.85;transform:scale(1.04)}}
@media(min-width:1500px){.hero{padding-top:55px}.logo-window{width:800px}.hero-copy{margin-top:32px}.section-divider{margin-top:43px}}
@media(max-width:900px){.page-shell{padding:0 30px}.destinations{gap:28px}.destination{padding-left:24px;padding-right:24px}.hero{padding-top:35px}.logo-window{width:680px}.hero-ornament{height:290px}h2{font-size:33px}.masthead{font-size:8px}}
@media(max-width:600px){.page-shell{padding:0 23px}.masthead{padding:15px 0;font-size:8px;letter-spacing:1px}.masthead-mark{display:none}.site-name{font-size:8px;letter-spacing:1px}.back-link{gap:7px}.hero{padding-top:33px}.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:22px}.logo-window{width:calc(100% + 24px);max-width:none;margin-left:-12px}.hero-ornament{width:calc(100% + 42px);height:210px;top:-8px}.hero-copy{margin-top:29px}.hero-kicker{font-size:7px;letter-spacing:1.8px;margin-bottom:15px}h1{font-size:clamp(34px,9vw,45px);line-height:1.12;letter-spacing:-1px}h1 em{display:block}.intro{font-size:12px;line-height:1.9;max-width:330px}.desktop-break{display:none}.section-divider{font-size:7px;letter-spacing:1.7px;gap:15px;margin-top:30px;margin-bottom:13px}.destinations{grid-template-columns:1fr;gap:8px}.center-seam{display:none}.destination{min-height:350px;padding:57px 25px 23px}.portal-art{opacity:.25}.destination p{font-size:12px}h2{font-size:35px}.emblem{width:34px;height:34px}.preview-note{max-width:280px;font-size:9px;margin-top:24px}footer{gap:10px;flex-wrap:wrap;font-size:8px;margin-top:23px;padding:20px 0}.footer-diamond{display:none}footer>span:last-child{width:100%;text-align:center}.relic{display:none}.aura{width:100vw;filter:blur(20px)}.dust:nth-child(3n){display:none}.hero{overflow:hidden}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dust,.relic,.hover-lights{display:none}.destination:hover .emblem{transform:none}.destination:hover .portal-art{filter:none}.hero-ornament.is-lit{filter:none}}
/* Display only the original Gamer Gauntlet mark, including the full sword hilt. */
.logo-window img{clip-path:polygon(0 0,100% 0,100% 42.2%,34% 42.2%,34% 45%,25% 45%,25% 42.2%,0 42.2%);mask-image:linear-gradient(transparent,#000 9%,#000 100%)}
/* Let the original black-backed mark blend into the shared atmosphere. */
.hero{isolation:auto}.hero-ornament{z-index:0}.eyebrow,.hero-copy{position:relative}
@media(max-width:360px){.destination{padding-left:20px;padding-right:20px}.destination h2{font-size:31px}}
