:root{--bg:#06070a;--bg-soft:#0e1016;--surface:#15171d;--surface2:#1d2029;--card-bg:#090a0c;--card-hover:#101113;--line:rgba(174,192,244,.17);--text:#f7f8ff;--muted:#b1bed2;--accent:#7eb3ff;--prize:#f5b82e;--action:#3d9bff;--action-deep:#112e62;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#06070a}
body{margin:0;position:relative;isolation:isolate;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img,video{display:block;max-width:100%}
em{font-style:normal;color:var(--accent)}
::selection{background:var(--prize);color:var(--bg)}
:focus-visible{outline:2px solid var(--action);outline-offset:4px}
.container{width:min(100% - 64px,1260px);margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-80px;z-index:999;background:var(--action);color:var(--bg);padding:10px 16px;border-radius:6px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(6,7,10,.86);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.09)}
.header-inner{height:78px;width:min(100% - 64px,1344px);margin:auto;display:flex;align-items:center;gap:48px}
.brand{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1.68rem;line-height:1;font-weight:800;letter-spacing:.035em;display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.brand-crop{display:block;width:235px;height:42px;overflow:hidden;position:relative}.brand-crop img{position:absolute;max-width:none;width:337px;height:337px;left:-52px;top:-231px;mix-blend-mode:screen}
.nav-desktop{display:flex;align-items:center;gap:30px;margin-left:auto}
.nav-desktop a,.login-link{color:#bbc7dc;font-size:.9rem;font-weight:600;transition:color .2s ease}
.nav-desktop a:hover,.nav-desktop a[aria-current="page"],.login-link:hover{color:var(--text)}
.header-actions{display:flex;align-items:center;gap:20px}
.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 23px;border:1px solid transparent;border-radius:3px;font-size:.86rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,color .25s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:#2376d5;color:#fff;border-color:#2376d5}
.button-primary:hover{background:#206bd2;border-color:#206bd2}
.button-outline{border-color:rgba(228,235,255,.44);color:var(--text);background:rgba(8,12,28,.34)}
.button-outline:hover{border-color:var(--accent);background:rgba(85,151,255,.09)}
.button-small{min-height:42px;padding:0 16px;font-size:.77rem;gap:14px}
.menu-button,.nav-mobile{display:none}
.eyebrow{font-family:'DM Sans',Arial,sans-serif;font-size:.72rem;letter-spacing:.2em;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;letter-spacing:-.018em;line-height:.88;text-transform:uppercase}
h2{font-size:clamp(3.4rem,6.1vw,6.25rem);margin-bottom:0}
h3{font-weight:700;line-height:1.16}
.hero{position:relative;isolation:isolate;min-height:min(850px,calc(100svh - 78px));background:transparent;border-bottom:1px solid var(--line);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,7,10,.58),transparent 55%)}
.hero-grid{display:grid;grid-template-columns:52% 48%;align-items:center;min-height:min(790px,calc(100svh - 148px));position:relative}
.hero-copy{position:relative;z-index:2;padding:70px 0 88px}
.hero h1{font-size:clamp(5rem,9.1vw,9.4rem);margin:28px 0 25px;max-width:690px}
.hero-period{color:#ffca45}
.hero-copy>p{max-width:440px;color:#d0daee;font-size:1.08rem;line-height:1.7;margin-bottom:31px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-under{display:block;margin-top:55px;font-size:.77rem;letter-spacing:.13em;font-weight:800;line-height:1.8}.hero-under span{background:linear-gradient(98deg,#fb6272 0%,#48da8b 34%,#ffd14d 67%,#79b5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-visual{height:650px;position:relative;display:grid;place-items:center;overflow:visible}
.hero-orbit{position:absolute;width:610px;height:610px;border:1px solid rgba(108,157,255,.18);border-radius:50%;box-shadow:0 0 0 68px rgba(84,147,255,.025),inset 0 0 110px rgba(79,67,183,.085)}
.hero-orbit:after{content:"";position:absolute;inset:40px;border:1px solid rgba(142,174,255,.18);border-radius:50%}
.hero-visual:before{content:"";position:absolute;width:660px;height:630px;left:50%;top:47%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 26%,rgba(57,139,255,.25),transparent 33%),radial-gradient(circle at 74% 28%,rgba(47,217,132,.15),transparent 29%),radial-gradient(circle at 68% 71%,rgba(255,199,62,.17),transparent 35%),radial-gradient(circle at 22% 75%,rgba(242,65,78,.15),transparent 35%);filter:blur(20px)}
.hero-motion{width:min(100%,590px);aspect-ratio:1;position:relative;z-index:1;background:none;filter:drop-shadow(0 30px 45px rgba(0,0,0,.45)) saturate(1.06);-webkit-mask-image:radial-gradient(circle,#000 57%,transparent 78%);mask-image:radial-gradient(circle,#000 57%,transparent 78%);animation:brand-float 7s ease-in-out infinite alternate}.hero-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual-corner{position:absolute;right:0;top:68px;color:var(--accent);font-size:2rem;opacity:.45}
.marquee{border-bottom:1px solid var(--line);background:#06070a;overflow:hidden;height:56px;display:flex;align-items:center;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.32rem;letter-spacing:.19em;white-space:nowrap}
.marquee-track{display:flex;align-items:center;width:max-content}.marquee.is-ready .marquee-track{animation:marquee var(--marquee-duration,68s) linear infinite}.marquee-group{flex:none;width:max-content}.marquee span{color:#fff;padding:0 55px}
.section{padding:118px 0;border-bottom:1px solid var(--line)}
.section-head{max-width:790px;margin-bottom:48px}.section-head h2{margin:25px 0}.section-head p{max-width:560px;color:var(--muted);font-size:1.05rem;line-height:1.75}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step-card{padding:34px 32px 32px;background:var(--card-bg);border:1px solid rgba(255,255,255,.14);border-radius:16px;min-height:255px;display:flex;flex-direction:column;position:relative;overflow:hidden}.step-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--step-gradient);box-shadow:0 2px 16px var(--step-glow)}.step-number{font-family:'Barlow Condensed',sans-serif;font-size:3.2rem;line-height:1;color:#fff;font-weight:700}.step-card h3{font-size:1.25rem;margin:auto 0 9px}.step-card p{color:var(--muted);line-height:1.7;max-width:280px;margin:0}
.section-modes{background:transparent}
.section-modes .section-head .text-link{margin-top:15px}
.text-link{display:inline-flex;align-items:center;gap:22px;color:var(--accent);font-size:.83rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;border-bottom:1px solid rgba(90,153,255,.45);padding-bottom:8px;transition:color .2s ease,border-color .2s ease}.text-link:hover{color:var(--text);border-color:var(--text)}
.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mode-card{border:1px solid rgba(255,255,255,.14);background:var(--card-bg);border-radius:16px;min-height:270px;padding:40px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease),border-color .3s ease,background .3s ease,box-shadow .3s ease}
.mode-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--mode-gradient);box-shadow:0 2px 16px var(--mode-glow)}
.mode-card:hover,.mode-card:focus-visible{transform:translateY(-4px);border-color:rgba(255,255,255,.48);background:var(--card-hover);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 24px var(--mode-glow)}
.mode-card:nth-child(1){--mode-gradient:linear-gradient(90deg,#e80935,#ff3656 52%,#ff7965);--mode-glow:rgba(255,35,71,.43)}
.mode-card:nth-child(2){--mode-gradient:linear-gradient(90deg,#00ad59,#13e877 52%,#8bff91);--mode-glow:rgba(11,233,112,.38)}
.mode-card:nth-child(3){--mode-gradient:linear-gradient(90deg,#ffa800,#ffd322 52%,#fff16a);--mode-glow:rgba(255,202,22,.42)}
.mode-copy{display:flex;flex-direction:column;align-items:center;width:100%}
.mode-kicker{display:block;font-family:'Barlow Condensed',sans-serif;font-size:2rem;line-height:1;font-weight:700;letter-spacing:.045em;color:#fff;margin-bottom:16px}
.mode-card h3{display:inline-block;max-width:100%;white-space:nowrap;font-family:'DM Sans',Arial,sans-serif;text-transform:none;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:700;line-height:1.3;margin:0 0 11px;letter-spacing:-.02em;background:linear-gradient(98deg,#fb6272 0%,#48da8b 34%,#ffd14d 67%,#79b5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mode-card p{color:var(--muted);max-width:320px;margin:0 auto;line-height:1.65;font-size:.95rem}
.mode-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;margin-top:25px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.035em;transition:background .25s ease,color .25s ease,border-color .25s ease}.mode-card:hover .mode-link,.mode-card:focus-visible .mode-link{background:#fff;color:#101216;border-color:#fff}
.skin-section{background:transparent}
.skin-grid{display:grid;grid-template-columns:54% 46%;align-items:center;gap:25px}
.skin-art{position:relative;min-height:550px;display:grid;place-items:center;isolation:isolate;border:1px solid rgba(147,176,237,.2);background:radial-gradient(ellipse at 48% 42%,rgba(53,91,171,.23),transparent 57%),var(--card-bg);box-shadow:inset 0 0 80px rgba(7,12,30,.45);overflow:hidden}
.skin-art:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(91,132,230,.12),transparent 42%);pointer-events:none}
.skin-art:after{content:"";position:absolute;width:78%;height:80px;bottom:37px;left:11%;background:radial-gradient(ellipse,rgba(235,179,65,.27),transparent 68%);filter:blur(20px);pointer-events:none}
.skin-art-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(218,172,75,.18),rgba(62,118,236,.1) 38%,transparent 69%);filter:blur(25px)}
.skin-art img{position:relative;z-index:1;width:600px;max-width:96%;height:auto;filter:drop-shadow(0 30px 30px rgba(0,0,0,.62)) drop-shadow(0 0 22px rgba(240,184,63,.12));animation:royal-hover 6s ease-in-out infinite alternate}
.skin-art>span{position:absolute;bottom:28px;left:30px;color:var(--prize);font-size:.72rem;letter-spacing:.2em;font-weight:700}
.skin-copy{padding:0 7%}.skin-copy h2{margin:27px 0}.skin-copy p{color:var(--muted);font-size:1.05rem;max-width:520px;line-height:1.7}
.skin-names{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.skin-names span{border:1px solid var(--line);padding:7px 11px;color:#c2cde2;font-size:.78rem}.skin-names .skin-selected{border-color:var(--prize);color:var(--prize)}
.network-section{background:transparent;overflow:hidden}.network-grid{display:grid;grid-template-columns:54% 46%;align-items:center;gap:20px;min-height:650px}
.network-copy h2{margin:28px 0}.network-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.75;max-width:490px;margin-bottom:32px}.network-subnote{display:block;margin-top:25px;color:#94a9ce;font-size:.78rem}
.video-stage{position:relative;display:grid;justify-items:center;isolation:isolate}.video-halo{position:absolute;width:450px;height:450px;top:80px;border-radius:50%;background:radial-gradient(circle,rgba(52,132,255,.22),transparent 68%);filter:blur(20px);z-index:-1}
.video-frame{width:min(100%,292px);aspect-ratio:9/16;position:relative;border:1px solid rgba(90,153,255,.45);padding:6px;border-radius:28px;box-shadow:0 30px 70px #000,0 0 0 15px rgba(84,147,255,.045);background:var(--card-bg);overflow:hidden;transform:rotate(3deg)}
.video-frame video{width:100%;height:100%;object-fit:cover;border-radius:21px}
.video-toggle{position:absolute;bottom:17px;right:17px;border:1px solid rgba(255,255,255,.6);border-radius:25px;background:rgba(7,14,31,.85);color:white;padding:6px 12px;font-size:.72rem;cursor:pointer}
.video-toggle span{margin-left:8px}.video-index{color:var(--accent);font-size:.72rem;letter-spacing:.18em;margin-top:24px;font-weight:700}
.clarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.clarity-grid a{position:relative;padding:27px;min-height:242px;border:1px solid var(--line);background:var(--card-bg);cursor:pointer;transition:border-color .25s ease,transform .25s var(--ease),background .25s ease}.clarity-grid a:hover{border-color:var(--accent);transform:translateY(-3px);background:var(--card-hover)}.clarity-grid span{color:var(--accent);font-size:.72rem;letter-spacing:.14em;font-weight:700}.clarity-grid h3{font-family:'Barlow Condensed',sans-serif;font-size:2rem;text-transform:uppercase;margin:31px 0 7px}.clarity-grid p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0;max-width:300px}
.faq-section{background:transparent}.faq-grid{display:grid;grid-template-columns:42% 58%;gap:40px}.faq-grid h2{margin:25px 0 32px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;font-size:1.04rem;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent)}.faq-list details p{color:var(--muted);max-width:650px;padding:0 45px 24px 4px;margin:0;line-height:1.7}.faq-icon{color:var(--accent);font-size:1.35rem;font-weight:400;transition:transform .2s ease}.faq-list details[open] .faq-icon{transform:rotate(45deg)}
.final-invite{min-height:425px;background:transparent;border-bottom:1px solid var(--line);text-align:center;display:grid;align-items:center}.final-inner{padding:80px 0}.final-invite h2{margin:21px 0 32px}
.site-footer{background:transparent;padding-top:68px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:45px;padding-bottom:72px}.brand-footer{font-size:1.9rem}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid p{color:#a0afd0;font-size:.86rem;max-width:300px;margin:5px 0 0;line-height:1.7}.footer-grid a:not(.brand){font-size:.86rem;color:#becae0}.footer-grid a:not(.brand):hover{color:var(--accent)}.footer-label{color:var(--accent);font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:10px}.footer-bottom{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;color:#91a4c6;font-size:.78rem}.footer-bottom a:hover{color:var(--accent)}
.inner-hero{min-height:550px;display:grid;align-items:center;overflow:hidden;background:transparent;border-bottom:1px solid var(--line)}.inner-hero-grid{display:grid;grid-template-columns:61% 39%;align-items:center;min-height:550px}.inner-hero h1{font-size:clamp(4.7rem,7.8vw,8rem);margin:26px 0 21px}.inner-lead{font-size:1.1rem;color:var(--muted);line-height:1.7;max-width:570px;margin-bottom:32px}.inner-hero-art{height:480px;display:grid;place-items:center;position:relative}.inner-hero-art img{position:relative;max-width:435px;width:100%;filter:drop-shadow(0 20px 42px rgba(0,0,0,.38));-webkit-mask-image:radial-gradient(circle,#000 53%,transparent 78%);mask-image:radial-gradient(circle,#000 53%,transparent 78%)}.inner-orbit{position:absolute;border:1px solid rgba(90,153,255,.18);width:440px;height:440px;border-radius:50%}.inner-orbit-two{width:340px;height:340px;border-color:rgba(142,174,255,.18)}
.detail-band{background:transparent}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-grid h2{margin:25px 0}.detail-copy p{font-size:1.06rem;color:var(--muted);max-width:520px;line-height:1.8;margin-bottom:26px}
.notice-card{display:flex;align-items:center;gap:23px;border:1px solid rgba(90,153,255,.31);background:var(--card-bg);padding:27px 29px;margin-top:45px}.notice-icon{width:54px;height:54px;display:grid;place-items:center;flex:none;border:1px solid rgba(90,153,255,.48);border-radius:50%;font-family:Georgia,serif;font-size:1.7rem;color:var(--accent)}.notice-card h3{margin:0 0 3px}.notice-card p{color:var(--muted);margin:0;line-height:1.6}.notice-card .button{margin-left:auto}
.help-grid{display:grid;grid-template-columns:41% 59%;gap:42px}.help-grid h2{margin:27px 0}.help-grid>div:first-child>p{color:var(--muted);max-width:380px;line-height:1.7}
@keyframes brand-float{0%{transform:translateY(9px)}100%{transform:translateY(-9px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1130px){.nav-desktop{gap:15px}.header-inner{gap:20px}.hero h1{font-size:clamp(5rem,8.5vw,8rem)}.hero-motion{width:118%}.hero-orbit{width:500px;height:500px}.footer-grid{gap:25px}}
@media(max-width:900px){.nav-desktop,.header-actions .login-link{display:none}.header-inner{height:68px}.header-actions{margin-left:auto}.menu-button{border:0;background:none;padding:11px;display:flex;flex-direction:column;gap:5px;cursor:pointer}.menu-button span{display:block;width:25px;height:2px;background:var(--text)}.nav-mobile:not([hidden]){display:flex;flex-direction:column;gap:0;padding:10px 32px 22px;border-top:1px solid var(--line);background:#101216}.nav-mobile a{padding:12px 3px;border-bottom:1px solid var(--line);font-weight:700}.hero-grid{grid-template-columns:55% 45%}.hero-visual{height:510px}.hero-orbit{width:390px;height:390px}.hero h1{font-size:clamp(4.5rem,9vw,7rem)}.hero-copy>p{font-size:1rem}.hero .button{min-height:48px;padding:0 16px;font-size:.74rem;gap:10px}.mode-grid{grid-template-columns:1fr}.skin-grid,.network-grid{grid-template-columns:1fr 1fr}.skin-art{min-height:400px}.skin-copy{padding:0}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-note{grid-column:1/-1}.inner-hero-grid{grid-template-columns:60% 40%}.inner-orbit{width:330px;height:330px}.inner-orbit-two{width:260px;height:260px}}
@media(max-width:680px){.container{width:min(100% - 38px,1260px)}.header-inner{width:min(100% - 38px,1344px);gap:12px}.brand{font-size:1.44rem}.brand-crop{width:164px;height:36px}.brand-crop img{width:230px;height:230px;left:-35px;top:-157px}.header-actions .button-small{min-height:37px;padding:0 11px;font-size:.69rem}.hero{min-height:auto}.hero-grid{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:65px 0 0;width:100%}.hero h1{font-size:clamp(4.6rem,17.5vw,7.6rem);margin:21px 0 17px}.hero-copy>p{font-size:1rem;line-height:1.65;max-width:460px}.hero-buttons{gap:9px}.hero .button{min-height:47px;padding:0 13px}.hero-under{display:block;margin-top:32px;font-size:.71rem;line-height:1.6;max-width:360px}.hero-visual{width:100%;height:410px;margin-top:4px}.hero-motion{width:min(110%,460px)}.hero-orbit{width:370px;height:370px}.hero-visual-corner{top:16px;right:2px}.marquee{height:48px;font-size:1.1rem}.section{padding:76px 0}.section-head{margin-bottom:32px}.section-head h2,.skin-copy h2,.network-copy h2,.faq-grid h2,.detail-grid h2{margin:22px 0}.step-grid,.clarity-grid,.mode-grid,.skin-grid,.network-grid,.faq-grid,.detail-grid,.help-grid{grid-template-columns:1fr}.step-card{min-height:225px}.mode-card{min-height:260px;padding:36px 22px 30px}.skin-art{order:2;min-height:360px}.skin-copy{order:1}.skin-art img{width:310px}.network-grid{gap:45px}.network-copy>p{margin-bottom:23px}.video-frame{width:270px}.faq-grid{gap:26px}.final-invite{min-height:340px}.final-inner{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child,.footer-note{grid-column:1/-1}.site-footer{padding-top:48px}.inner-hero{min-height:auto}.inner-hero-grid{display:block;padding-top:70px;padding-bottom:32px}.inner-hero h1{font-size:clamp(4.4rem,15vw,6.5rem)}.inner-lead{font-size:1rem}.inner-hero-art{height:220px;margin-top:30px}.inner-hero-art img{width:200px}.inner-orbit{width:235px;height:235px}.inner-orbit-two{width:180px;height:180px}.detail-grid{gap:5px}.notice-card{align-items:flex-start;flex-wrap:wrap}.notice-card .button{margin-left:0;width:100%}.help-grid{gap:25px}}
@media(max-width:390px){.hero h1{font-size:4.3rem}.hero-buttons .button{width:100%}.hero-visual{height:340px}.hero-orbit{width:320px;height:320px}.footer-grid{gap:26px}.inner-hero h1{font-size:4.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-motion,.marquee.is-ready .marquee-track{animation:none}.button,.mode-card,.clarity-grid a,.faq-icon{transition:none}}

/* Four player colors stay in the game identity; blue carries navigation and actions. */
.step-card:nth-child(1){--step-gradient:linear-gradient(90deg,#e80935,#ff3656 52%,#ff7965);--step-glow:rgba(255,35,71,.43)}.step-card:nth-child(2){--step-gradient:linear-gradient(90deg,#00ad59,#13e877 52%,#8bff91);--step-glow:rgba(11,233,112,.38)}.step-card:nth-child(3){--step-gradient:linear-gradient(90deg,#ffa800,#ffd322 52%,#fff16a);--step-glow:rgba(255,202,22,.42)}
@media(max-width:680px){.hero-motion{width:min(110%,460px)}.hero-visual:before{width:110%;height:420px}.inner-hero-art img{width:265px}}
@media(max-width:360px){.header-actions{display:none}.menu-button{margin-left:auto}}
@keyframes royal-hover{from{transform:translateY(4px)}to{transform:translateY(-7px)}}
@media(max-width:680px){.skin-art{min-height:390px}.skin-art img{width:370px;max-width:98%}}
@media(max-width:390px){.skin-art{min-height:350px}.skin-art img{max-width:94%}}
@media(prefers-reduced-motion:reduce){.skin-art img{animation:none}}


/* Black canvas and slow four-color light across every page. */
.ludo-aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ludo-aurora::before,.ludo-aurora::after{content:"";position:absolute;inset:-25%;filter:blur(45px);will-change:transform}
.ludo-aurora::before{background:radial-gradient(ellipse 30% 29% at 25% 31%,rgba(244,63,81,.28),transparent 78%),radial-gradient(ellipse 34% 31% at 78% 29%,rgba(47,126,255,.31),transparent 80%);animation:ludo-light-one 30s ease-in-out infinite alternate}
.ludo-aurora::after{background:radial-gradient(ellipse 32% 31% at 74% 74%,rgba(42,211,116,.26),transparent 80%),radial-gradient(ellipse 34% 29% at 26% 78%,rgba(247,186,52,.23),transparent 79%);animation:ludo-light-two 36s ease-in-out infinite alternate}
@keyframes ludo-light-one{from{transform:translate3d(-5%,-3%,0) rotate(-4deg) scale(1.06)}to{transform:translate3d(6%,4%,0) rotate(5deg) scale(1.15)}}
@keyframes ludo-light-two{from{transform:translate3d(4%,4%,0) rotate(5deg) scale(1.1)}to{transform:translate3d(-6%,-4%,0) rotate(-4deg) scale(1.04)}}
main,.site-footer{position:relative;z-index:1}
.hero-logo{transition:opacity .65s ease}
.hero-logo.is-finished{opacity:0}
@media(prefers-reduced-motion:reduce){.ludo-aurora::before,.ludo-aurora::after{animation:none}.hero-logo{opacity:0;transition:none}}

/* Interior pages share the home palette, typography, brand art, and card language. */
.inner-page .inner-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,56px)}
.inner-page .inner-hero-grid>div:first-child{min-width:0;position:relative;z-index:1}
.inner-page .inner-hero h1{font-size:clamp(4rem,6.3vw,7rem);line-height:.92;text-wrap:balance}
.inner-page .inner-hero-art{isolation:isolate}
.inner-page .inner-hero-art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 27%,rgba(244,63,81,.23),transparent 34%),radial-gradient(circle at 71% 27%,rgba(54,137,255,.26),transparent 34%),radial-gradient(circle at 75% 72%,rgba(42,211,116,.2),transparent 33%),radial-gradient(circle at 28% 75%,rgba(255,196,57,.19),transparent 34%);filter:blur(20px);z-index:-1}
.inner-page .inner-orbit{border-color:rgba(255,255,255,.13);box-shadow:0 0 0 42px rgba(91,149,255,.025)}
.inner-page .inner-orbit-two{border-color:rgba(142,174,255,.2);box-shadow:none}
.inner-page .inner-hero-art img{width:min(100%,420px);max-width:none}
.inner-page .section-head h2,.inner-page .detail-grid h2,.inner-page .help-grid h2{line-height:.96;text-wrap:balance}
.inner-page .mode-card{min-height:300px}
.inner-page .mode-card h3{white-space:normal;font-size:clamp(1.05rem,1.4vw,1.25rem)}
.inner-page .mode-card p{font-size:1rem}
.inner-page .help-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.inner-page .detail-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(38px,5vw,72px);background:var(--card-bg);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}
.inner-page .detail-grid::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#ff3656 0%,#13e877 34%,#ffd322 67%,#438eff 100%)}
.inner-page .detail-copy p{font-size:1rem}
.inner-page .notice-card{--notice-gradient:linear-gradient(90deg,#ff3656,#13e877,#ffd322,#438eff);--notice-color:#fff;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:25px;margin-top:40px;padding:34px 32px 30px;background:var(--card-bg);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.inner-page .notice-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--notice-gradient)}
.inner-page .notice-card--tournaments{--notice-gradient:linear-gradient(90deg,#ffa800,#ffd322 52%,#fff16a);--notice-color:#ffd757}
.inner-page .notice-card--security{--notice-gradient:linear-gradient(90deg,#00ad59,#13e877 52%,#8bff91);--notice-color:#5aed9c}
.inner-page .notice-card--creators{--notice-gradient:linear-gradient(90deg,#e80935,#ff3656 52%,#ff7965);--notice-color:#ff7181}
.inner-page .notice-icon{width:58px;height:58px;color:var(--notice-color);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035);border-radius:16px;display:grid;place-items:center}
.inner-page .notice-icon svg{width:30px;height:30px}
.inner-page .notice-card h3{font-size:1.25rem;line-height:1.25;margin:0 0 6px}
.inner-page .notice-card p{font-size:1rem;line-height:1.65}
.inner-page .notice-card .button{margin-left:0}
@media(max-width:1050px){.inner-page .notice-card{grid-template-columns:58px minmax(0,1fr)}.inner-page .notice-card .button{grid-column:2;justify-self:start}}
@media(max-width:900px){.inner-page .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,270px);gap:12px}.inner-page .inner-hero h1{font-size:clamp(3.45rem,6.5vw,5.3rem)}.inner-page .help-grid,.inner-page .network-grid,.inner-page .detail-grid{grid-template-columns:1fr}.inner-page .help-grid{gap:32px}.inner-page .network-grid{min-height:0;gap:50px}.inner-page .network-copy{max-width:720px}.inner-page .detail-grid{gap:12px}}
@media(max-width:760px){.inner-page .inner-hero-grid{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding-top:64px;padding-bottom:36px}.inner-page .inner-hero h1{font-size:clamp(3rem,11vw,5rem);line-height:.94;margin:22px 0}.inner-page .inner-lead{font-size:1rem;max-width:560px}.inner-page .inner-hero-art{height:clamp(250px,48vw,340px);margin-top:12px}.inner-page .inner-hero-art img{width:min(72vw,300px)}.inner-page .inner-orbit{width:clamp(210px,58vw,300px);height:clamp(210px,58vw,300px)}.inner-page .inner-orbit-two{width:clamp(165px,46vw,235px);height:clamp(165px,46vw,235px)}.inner-page .step-grid{grid-template-columns:1fr}.inner-page .step-card{min-height:210px}.inner-page .detail-grid{padding:38px 28px}.inner-page .notice-card .button{grid-column:1/-1;justify-self:start}}
@media(max-width:420px){.inner-page .inner-hero h1{font-size:clamp(2.8rem,12vw,3.5rem)}.inner-page .inner-hero-art{height:240px}.inner-page .section-head h2,.inner-page .detail-grid h2,.inner-page .help-grid h2,.inner-page .network-copy h2{font-size:clamp(2.75rem,12vw,3.4rem)}.inner-page .notice-card{grid-template-columns:48px minmax(0,1fr);gap:16px;padding:32px 20px 24px}.inner-page .notice-icon{width:48px;height:48px}.inner-page .notice-icon svg{width:26px;height:26px}.inner-page .notice-card .button{width:100%}}
@media(prefers-reduced-motion:reduce){.inner-page .inner-hero-art::before{filter:none}}

/* BatalhaLudo: use the supplied horizontal mark on the approved black canvas. */
.brand-logo{display:block;width:238px;height:auto;max-width:none}
.brand-footer .brand-logo{width:260px}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.hero-visual{height:620px}
.hero-motion{width:min(125%,760px);aspect-ratio:auto;background:none;-webkit-mask-image:none;mask-image:none}
.hero-wordmark{display:block;width:100%;max-width:none;height:auto;filter:drop-shadow(0 28px 45px rgba(0,0,0,.45))}
.inner-page .inner-hero-art img{width:min(120%,540px);height:auto;max-width:none;-webkit-mask-image:none;mask-image:none}
.inner-page .inner-hero-art{overflow:visible}
@media(max-width:1130px){.hero-motion{width:122%}}
@media(max-width:900px){.brand-logo{width:210px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-motion{width:125%}}
@media(max-width:680px){.brand-logo{width:165px}.brand-footer .brand-logo{width:240px}.hero-grid{display:flex}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(4.6rem,16vw,7rem)}.hero-visual{height:300px;min-height:0}.hero-motion{width:min(110vw,540px)}.hero-wordmark{width:100%}.inner-page .inner-hero-art{height:210px}.inner-page .inner-hero-art img{width:min(98vw,470px)}}
@media(max-width:390px){.brand-logo{width:148px}.hero h1{font-size:clamp(3.8rem,15.5vw,5.2rem)}.hero-visual{height:250px}}

/* Mobile: keep the complete horizontal wordmark inside the viewport. */
@media(max-width:900px){
  .hero-motion{width:100%}
}
@media(max-width:760px){
  .hero-grid{min-width:0}
  .hero-visual{min-width:0;overflow:hidden}
  .hero-motion,.hero-wordmark{width:100%;max-width:100%}
  .hero-wordmark{height:auto;object-fit:contain}
  .hero-orbit{width:min(82vw,370px);height:min(82vw,370px)}
  .hero-visual::before{width:100%;height:100%}
  .inner-page .inner-hero-art{overflow:hidden}
  .inner-page .inner-hero-art img{width:100%;max-width:100%;height:auto;object-fit:contain}
}
@media(max-width:680px){
  .hero-visual{height:clamp(220px,55vw,300px);margin-top:14px}
  .hero-motion{width:100%}
  .inner-page .inner-hero-art{height:clamp(195px,50vw,270px)}
}
@media(max-width:480px){
  .header-actions{display:none}
  .menu-button{width:48px;height:48px;margin-left:auto;justify-content:center;align-items:center}
  .brand-logo{width:min(54vw,172px)}
  .hero-copy{padding-top:48px}
  .hero h1{font-size:clamp(3.75rem,15.5vw,5.1rem)}
  .hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hero-buttons .button{width:100%;min-height:48px;padding:8px 10px;font-size:.875rem;gap:8px}
  .hero-under{margin-top:28px}
  .eyebrow{font-size:.875rem;letter-spacing:.14em}
  .inner-page .inner-hero-grid{padding-top:48px}
  .inner-page .inner-hero-art img{width:100%}
}
@media(max-width:360px){
  .hero-buttons{grid-template-columns:1fr}
  .hero h1{font-size:clamp(3.45rem,15vw,3.8rem)}
  .footer-grid{grid-template-columns:1fr}
}