:root{--bg:#080b18;--navy:#0e1428;--panel:#101a31;--panel2:#11192d;--cyan:#69e3f8;--purple:#7a64ff;--pink:#fa4ea9;--gold:#ffcc77;--red:#ff566e;--line:rgba(157,187,236,.14);--muted:#a4afc6;--white:#f7f9ff;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}body.modal-open{overflow:hidden}::selection{background:#5b4fff;color:white}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 78px));margin-inline:auto}.background-mesh{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 55% 33% at 85% 15%,rgba(71,66,139,.16),transparent 77%),radial-gradient(ellipse 56% 27% at 4% 48%,rgba(4,100,124,.12),transparent 80%),linear-gradient(180deg,#090c1b 0%,#0c1021 40%,#090c19 100%)}.background-mesh:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(97,151,211,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(97,151,211,.028) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(180deg,black,transparent 90%)}.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(86,118,251,.05),transparent 70%);z-index:-1;pointer-events:none;transform:translate(-50%,-50%);left:50%;top:30%}
.announcement{height:31px;display:flex;gap:10px;justify-content:center;align-items:center;background:linear-gradient(90deg,#151634,#1d1850,#142336);border-bottom:1px solid rgba(161,158,255,.12);font-size:9px;letter-spacing:2px;font-weight:850;color:#c1d8f9}.announcement-star{color:#efb967;font-size:12px;margin:0 12px}.signal,.live-dot,.pill-dot{width:6px;height:6px;border-radius:100%;background:#45f5c3;box-shadow:0 0 10px #45f5c3;display:inline-block}.topbar{position:sticky;top:0;z-index:70;backdrop-filter:blur(20px);background:rgba(7,11,25,.91);border-bottom:1px solid rgba(188,204,250,.095)}.topbar-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-icon{filter:drop-shadow(0 0 9px rgba(68,210,253,.36))}.brand>span{font-weight:1000;font-size:23px;letter-spacing:-1.2px;line-height:.96}.brand-accent{color:var(--cyan)}.brand small{display:block;font-size:7px;font-weight:900;letter-spacing:2.1px;color:#8592ae;margin-top:7px}.desktop-nav{display:flex;gap:34px;align-items:center;font-size:11px;font-weight:850;letter-spacing:1.15px;color:#bfc8da;text-transform:uppercase}.desktop-nav a:hover,.footer-nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:12px}.lang-wrap{position:relative}.lang-button{background:transparent;border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-weight:800;font-size:12px;color:#e7eeff}.chev{font-size:14px;margin-left:3px;color:var(--cyan)}.lang-menu{position:absolute;right:0;top:44px;min-width:145px;padding:6px;border:1px solid #334060;border-radius:12px;background:#17233b;box-shadow:0 12px 36px #0009}.lang-menu button{width:100%;background:none;border:0;text-align:left;color:#eaf0ff;padding:10px;border-radius:6px;font-size:12px}.lang-menu button:hover{background:#29405e}.nav-cta{background:linear-gradient(110deg,#5cd9ff,#7c6aff);color:#061020;border-radius:12px;padding:14px 18px;font-size:10px;font-weight:950;letter-spacing:1.4px;box-shadow:0 4px 24px rgba(93,128,250,.26);transition:transform .2s}.nav-cta:hover,.btn-primary:hover{transform:translateY(-3px)}.nav-cta span:last-child{font-size:17px;margin-left:10px}.mobile-menu-toggle{display:none;width:41px;height:41px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#152238;border:1px solid #324560;border-radius:10px}.mobile-menu-toggle span{width:18px;height:2px;background:#e4f1ff;border-radius:2px}.mobile-nav{border-top:1px solid var(--line);padding:10px 25px 20px;display:flex;flex-direction:column;gap:8px;background:#0c1329}.mobile-nav a{padding:12px;font-size:13px;font-weight:700;color:#ccd7ee}
/* Main stage */
.hero{min-height:690px;display:grid;grid-template-columns:49% 51%;position:relative;align-items:center;padding-top:67px;padding-bottom:120px}.hero-copy{position:relative;z-index:4}.eyebrow,.kicker{font-size:11px;letter-spacing:3.1px;color:#72e4ff;font-weight:920}.eyebrow{display:inline-flex;gap:11px;align-items:center;border:1px solid rgba(117,204,255,.27);background:rgba(23,53,88,.36);padding:11px 15px;border-radius:50px;margin-bottom:25px}.eyebrow-sigil{color:var(--gold);font-size:15px}.hero h1{font-family:Impact,"Arial Black",Inter,sans-serif;font-weight:950;letter-spacing:1px;font-size:clamp(75px,8.2vw,124px);line-height:.92;margin:0;color:#fff;text-shadow:0 10px 40px #020b20}.gradient-type,.section-head h2 em,.board-copy h2 em,.collection-copy h2 em,.final-cta h2 em,.portal-header h1 em{font-style:normal;background:linear-gradient(110deg,#5ee8ff 0%,#a989ff 58%,#fc6cb6 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-body{font-size:16px;line-height:1.75;color:#bdc8df;max-width:470px;margin:28px 0 29px}.hero-buttons{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:12px;min-height:54px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:11px;letter-spacing:1.1px;font-weight:950;transition:transform .2s,box-shadow .2s;white-space:nowrap;text-transform:uppercase}.btn-primary{background:linear-gradient(105deg,#5dddf6,#7683ff 65%,#ad76ff);color:#081325;box-shadow:0 12px 38px rgba(67,105,245,.25)}.btn-primary:hover{box-shadow:0 16px 42px rgba(75,162,255,.34)}.btn-ghost{background:rgba(15,29,51,.58);border:1px solid #3a4a64;color:#e9f4ff}.btn-ghost:hover,.btn-outline:hover{border-color:#75dff8;background:rgba(66,99,156,.14)}.btn-outline{border:1px solid #5682a8;background:rgba(27,53,74,.3);color:#e5f6ff}.btn-sparkle{font-size:19px;color:#fff;line-height:1}.btn-arrow{font-size:16px;margin-left:6px}.play-circle{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--cyan);color:var(--cyan);border-radius:50%;font-size:9px;padding-left:2px}.hero-footer{display:flex;flex-wrap:wrap;gap:11px;margin-top:36px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:#9eb2d0;font-weight:850}.pill:not(:last-child):after{content:"";height:12px;border-right:1px solid #45526a;margin-left:9px}.hero-visual{min-height:615px;position:relative;isolation:isolate}.hero-halo{position:absolute;left:6%;right:-12%;top:3%;bottom:5%;background:radial-gradient(ellipse at center,rgba(82,65,191,.40),rgba(20,45,91,.26) 45%,transparent 70%);border-radius:50%;filter:blur(6px);z-index:-3}.hero-halo-inner{inset:18% 15% 15% 15%;background:radial-gradient(ellipse,rgba(12,232,255,.24),transparent 68%);filter:blur(50px)}.energy-ring{position:absolute;border:2px solid rgba(104,194,252,.17);width:75%;aspect-ratio:1;border-radius:50%;top:9%;left:14%;transform:rotate(-21deg) scaleX(.78);box-shadow:0 0 40px #2174ee26,inset 0 0 20px #2174ee16}.ring-two{width:90%;left:6%;top:4%;transform:rotate(-24deg) scaleX(.76);border-color:rgba(246,96,188,.13)}.hero-planet-text{position:absolute;right:0;top:14%;font-family:Impact,Arial,sans-serif;letter-spacing:5px;font-size:14px;color:rgba(164,204,255,.38);transform:rotate(90deg)}.hero-planet-text span{color:var(--pink)}.hero-blue{position:absolute;z-index:5;left:10%;bottom:4%;width:76%;max-height:93%;object-fit:contain;filter:drop-shadow(0 0 44px rgba(24,98,244,.42)) drop-shadow(20px 32px 24px rgba(0,0,0,.55));animation:heroFloat 5s ease-in-out infinite}.hero-red{position:absolute;z-index:3;width:51%;bottom:16%;right:-8%;filter:drop-shadow(0 0 24px rgba(248,34,98,.40)) drop-shadow(10px 24px 16px #0009);transform:scaleX(-1) rotate(-4deg);animation:redFloat 5s ease-in-out infinite}.hero-stroke{position:absolute;left:2%;top:48%;width:84%;height:39%;background:linear-gradient(98deg,transparent,rgba(73,223,255,.7),rgba(159,100,255,.33),transparent);filter:blur(35px);transform:rotate(-30deg);z-index:-2}.hero-spark{position:absolute;color:#a0eaff;text-shadow:0 0 25px #56cfff;font-size:33px;z-index:7;animation:twinkle 3s ease-in-out infinite}.spark1{top:11%;left:13%}.spark2{bottom:24%;right:5%;color:#ffc17e}.spark3{top:40%;right:12%;color:#f46eb6}.hero-stage-card{position:absolute;z-index:7;right:1%;bottom:6%;border:1px solid rgba(125,218,252,.3);padding:11px 15px;border-radius:10px;background:rgba(8,18,38,.72);backdrop-filter:blur(12px);box-shadow:0 8px 30px #0006}.hero-stage-card>span:first-child{margin-right:5px}.hero-stage-card>span:nth-child(2){font-size:8px;letter-spacing:1.2px;color:#aabed2;font-weight:850}.hero-stage-card strong{display:block;font-size:18px;letter-spacing:1.5px;margin-top:2px}.hero-stage-card strong span{color:var(--gold)}.scroll-cue{position:absolute;bottom:35px;left:0;display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:2px;color:#91aac5;font-weight:700}.scroll-cue>span:first-child{font-size:22px;color:var(--cyan)}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes redFloat{0%,100%{transform:scaleX(-1) rotate(-4deg) translateY(0)}50%{transform:scaleX(-1) rotate(-4deg) translateY(-8px)}}@keyframes twinkle{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
.marquee-wrap{overflow:hidden;border-block:1px solid rgba(92,147,200,.25);height:62px;background:linear-gradient(90deg,#112540,#10162f,#1f1940);transform:skewY(-1deg);margin-top:-5px}.marquee-track{display:flex;align-items:center;gap:28px;min-width:max-content;height:62px;animation:marquee 38s linear infinite;font-size:17px;font-weight:950;letter-spacing:2px;color:#d7e8ff}.marquee-track b{color:#69e9ff}.marquee-track span:nth-of-type(3n){color:#ec8fc9}@keyframes marquee{to{transform:translateX(-50%)}}
.section-gap{padding-block:108px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:41px}.section-head h2,.board-copy h2,.collection-copy h2,.final-cta h2,.portal-header h1{font-family:Impact,"Arial Black",Inter,sans-serif;font-size:clamp(45px,5vw,72px);letter-spacing:.6px;line-height:1.04;font-style:normal;margin:18px 0 0;font-weight:920}.section-head h2 em,.board-copy h2 em,.collection-copy h2 em{display:inline-block}.section-side{max-width:340px;font-size:15px;line-height:1.65;color:#a7b6d1;margin-bottom:5px}.mechanic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mechanic-card{height:335px;position:relative;border:1px solid rgba(132,167,229,.21);border-radius:17px;background:radial-gradient(ellipse 70% 60% at 50% 55%,rgba(68,93,162,.28),transparent 80%),linear-gradient(135deg,rgba(22,33,61,.9),rgba(11,16,32,.95));overflow:hidden;box-shadow:inset 0 1px 0 #ffffff0b;transition:transform .28s,border-color .28s}.mechanic-card:hover{transform:translateY(-6px);border-color:rgba(113,214,253,.58)}.mechanic-card:after{content:"";position:absolute;left:10%;right:10%;bottom:58px;height:1px;background:linear-gradient(90deg,transparent,rgba(120,167,227,.3),transparent)}.mechanic-card img{height:235px;max-width:82%;position:absolute;left:50%;top:9px;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(5px 18px 14px #000a)}.mechanic-card>div{position:absolute;bottom:17px;left:23px}.mechanic-card h3{font-family:Impact,Arial,sans-serif;letter-spacing:2px;font-size:29px;margin:0 0 4px}.mechanic-card p{font-size:11px;color:#b1c4df;font-weight:750;letter-spacing:1px;margin:0}.mechanic-index{position:absolute;z-index:2;top:18px;left:23px;color:#5b8aa9;font-size:11px;font-weight:900}.mechanic-symbol{position:absolute;right:17px;bottom:20px;font-size:38px;opacity:.35;color:#b9dfff}.rock-card{background:radial-gradient(ellipse 70% 65% at 60% 45%,rgba(108,140,172,.23),transparent 80%),#111927}.scissors-card{background:radial-gradient(ellipse 70% 65% at 60% 45%,rgba(29,140,254,.27),transparent 80%),#0e1930}.paper-card{background:radial-gradient(ellipse 70% 65% at 60% 45%,rgba(131,102,247,.27),transparent 80%),#12142c}
.board-section{background:linear-gradient(180deg,transparent,rgba(24,44,73,.25),transparent)}.board-layout{display:grid;grid-template-columns:54% 46%;align-items:center;gap:60px}.board-art{position:relative}.board-radial{position:absolute;inset:9% 8%;background:#273ffe55;filter:blur(65px)}.board-shot{position:relative;border:1px solid #395276;border-radius:16px;padding:8px;background:#14213b;box-shadow:0 35px 65px #0007,0 0 40px #5086ef20;transform:perspective(1100px) rotateY(4deg) rotateX(1deg);transition:transform .4s}.board-shot:hover{transform:none}.board-shot img{border-radius:9px;width:100%;aspect-ratio:1.9;object-fit:cover;object-position:center 45%}.board-real-label{position:absolute;bottom:16px;left:17px;background:#0b142beb;border:1px solid #405e7c;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:1px;color:#93eaff}.board-caption{padding:20px 18px;color:#a9b3cc;font-size:10px;font-weight:900;letter-spacing:1.8px}.board-caption span:first-child{font-size:20px;color:var(--cyan);margin-right:7px}.board-copy{padding-left:6px}.board-copy h2{font-size:clamp(40px,4.3vw,63px)}.board-copy>p:not(.kicker){color:#abbbd2;line-height:1.8;font-size:15px;max-width:520px}.board-features{display:flex;gap:27px;padding-block:27px;margin:27px 0;border-block:1px solid var(--line)}.board-features div{display:flex;flex-direction:column;gap:6px}.board-features strong{font-size:31px;font-family:Impact,Arial,sans-serif;color:#ecfaff}.board-features span{color:#8496b9;font-size:9px;letter-spacing:1px;font-weight:900}.text-link{font-size:12px;font-weight:950;color:#69e9ff;letter-spacing:1.1px}
.battles-section{position:relative}.battle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.battle-card{border-radius:16px;padding:0;overflow:hidden;border:1px solid #273c58;text-align:left;background:#121b30;color:var(--white);transition:transform .25s,border-color .25s}.battle-card:hover{transform:translateY(-5px);border-color:#69dcff}.battle-poster{height:225px;position:relative;overflow:hidden;background:#0b1424}.battle-poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s;filter:saturate(1.08)}.battle-card:hover .battle-poster img{transform:scale(1.045)}.battle-poster:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#071629d9,transparent)}.battle-tag{position:absolute;z-index:2;left:13px;bottom:12px;border:1px solid #8bb8d466;background:#122b46a6;color:#b8e9ff;border-radius:20px;padding:7px 10px;letter-spacing:1px;font-size:8px;font-weight:900}.watch-glyph{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:white;background:linear-gradient(120deg,#50bcea77,#a87dff99);border:1px solid #a5ebffb7;backdrop-filter:blur(4px);font-size:19px;padding-left:4px;box-shadow:0 0 30px #80ceff55}.battle-info{display:flex;align-items:center;justify-content:space-between;padding:18px 17px;font-size:15px;letter-spacing:.8px}.battle-info small{font-size:10px;color:#7787ac}.battle-info>span:last-child{font-size:22px;color:var(--cyan)}.capture-note{margin-top:20px;font-size:11px;color:#7e91ad;letter-spacing:.2px}
.collection-section{padding-top:95px;padding-bottom:105px;background:radial-gradient(ellipse 42% 45% at 80% 55%,rgba(117,67,190,.18),transparent 80%)}.collection-layout{display:grid;grid-template-columns:44% 56%;gap:47px;align-items:center}.collection-copy h2{font-size:clamp(45px,4.5vw,70px)}.collection-copy>p:not(.kicker){color:#a9bbd7;line-height:1.8;max-width:440px}.collection-benefits{display:flex;flex-direction:column;gap:12px;margin:25px 0 28px}.collection-benefits span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#a9bbd5}.collection-benefits span:before{content:"✦";color:var(--gold);margin-right:13px}.collector-display{height:430px;border:1px solid #424976;border-radius:20px;padding:20px;background:linear-gradient(140deg,rgba(33,25,66,.86),rgba(18,31,55,.96));box-shadow:0 30px 60px #0009,inset 0 1px 0 #ffffff12;position:relative;overflow:hidden}.collector-display:after{content:"";position:absolute;inset:15%;border:1px solid #9e83e01f;border-radius:50%;pointer-events:none}.collector-header,.collector-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;font-weight:900;color:#d7cafa}.collector-header span:last-child,.collector-footer span:first-child{color:#8692b5}.collector-characters{height:310px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:4px}.collector-characters>div{position:relative;display:flex;justify-content:center;align-items:center;height:292px;flex-direction:column}.collector-characters>div:before{content:"";position:absolute;width:95%;height:57%;bottom:23px;background:radial-gradient(ellipse,rgba(144,92,253,.20),transparent 75%);border-radius:50%}.collector-characters img{z-index:2;width:100%;max-height:255px;object-fit:contain;filter:drop-shadow(0 16px 13px #03071977);transition:transform .3s}.collector-characters>div:hover img{transform:translateY(-8px) scale(1.07)}.collector-characters small{font-size:10px;letter-spacing:1.6px;font-weight:950;color:#e4d8fe;z-index:3}.collector-footer{margin-top:12px}.upcoming{color:#ffcf82}.future-collection{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding-top:48px;color:#879ab8;font-size:10px;font-weight:800;letter-spacing:1.2px}.future-emoji{font-size:29px;white-space:nowrap}.future-emoji span{color:#5ba7f0;font-size:14px;margin:0 7px}.future-marker{border:1px solid #545c7b;border-radius:50px;padding:7px 10px;color:#a5acd5}
.final-cta{position:relative;min-height:435px;padding:70px 35px;border:1px solid rgba(113,167,244,.31);border-radius:25px;background:linear-gradient(120deg,rgba(10,27,54,.95),rgba(29,25,71,.93)),url('/assets/visuals/arena-scene.webp') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,rgba(80,103,255,.22),transparent 60%)}.final-cta>*:not(.final-orbit){z-index:1}.final-cta h2{font-size:clamp(55px,6.4vw,92px);margin:10px 0}.final-cta>p:not(.kicker){color:#c8d7ed;font-size:15px;line-height:1.7;max-width:560px}.final-orbit{position:absolute;inset:-65%;border:1px solid #88c0ff25;border-radius:50%;transform:scaleX(.45) rotate(28deg);pointer-events:none}.final-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.footer{margin-top:65px;border-top:1px solid #26314b;background:#070b18}.footer-top{padding-block:55px 33px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-weight:1000;letter-spacing:-1px;font-size:26px}.footer-brand span{color:var(--cyan)}.footer-brand small{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#92aac7;display:block;margin-top:6px}.footer-nav{display:flex;gap:25px;font-size:12px;color:#aabbd4}.footer-bottom{border-top:1px solid #26314b;padding-block:22px 35px;display:flex;gap:25px;justify-content:space-between;color:#647592;font-size:10px;letter-spacing:.7px}
/* Play integration view */
.play-portal{min-height:700px;padding-top:55px;padding-bottom:30px}.portal-top{display:flex;justify-content:space-between;align-items:center}.portal-back,.portal-early{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#82dfed}.portal-early{border:1px solid #547494;border-radius:30px;padding:10px 13px;color:#e9c984}.portal-header{text-align:center;margin:55px 0 30px}.portal-header h1{font-size:clamp(62px,8vw,112px);line-height:.95;margin:10px 0 20px}.portal-header>p:not(.kicker){max-width:610px;margin:0 auto;line-height:1.65;color:#a9bbd5}.portal-gamebox{height:min(58vw,545px);min-height:340px;max-width:1030px;margin:0 auto;border:1px solid #4d6592;border-radius:20px;overflow:hidden;position:relative;background:#091124;box-shadow:0 25px 90px #000b}.portal-gamebox-bg,.portal-gamebox-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-gamebox-bg{opacity:.42}.portal-gamebox-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07102299,#071022bb)}.portal-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.portal-lock h2{font-family:Impact,Arial,sans-serif;letter-spacing:1px;font-size:clamp(26px,4vw,45px);margin:16px 0}.portal-lock p{color:#c5d0e3;line-height:1.6;max-width:550px;font-size:14px}.portal-icon{font-size:38px;color:#7de8ff;text-shadow:0 0 32px #6bdcff}.portal-lock .btn{margin-top:15px}.portal-sub{max-width:1030px;margin:16px auto;display:flex;justify-content:space-between;color:#8095b2;font-size:9px;letter-spacing:1px;font-weight:850;gap:20px}.game-frame{width:100%;height:100%;border:0;display:block;background:#0a1425}
/* Video dialog */
.video-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:30px}.video-modal-backdrop{position:absolute;inset:0;background:rgba(1,3,13,.87);backdrop-filter:blur(12px)}.video-modal-panel{position:relative;width:min(1100px,100%);border:1px solid #4a6d9a;background:#0b1428;padding:15px;border-radius:20px;box-shadow:0 20px 100px #000a}.video-modal-title{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 15px;color:#b9e9ff;font-size:12px;font-weight:900;letter-spacing:1px}.video-modal-title button{background:#182b46;border:1px solid #51718a;width:35px;height:35px;border-radius:7px;color:#e5faff}.video-modal-panel video{width:100%;max-height:75vh;background:#040c18;border-radius:12px;display:block}.video-modal-panel p{font-size:10px;color:#8396b4;padding:5px 8px 0}.toast{position:fixed;z-index:260;bottom:30px;left:50%;transform:translate(-50%,15px);padding:14px 20px;background:#15304a;border:1px solid #64b7db;border-radius:10px;font-size:12px;color:#e7f9ff;box-shadow:0 12px 35px #0008;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Breakpoints */
@media(max-width:1140px){.container{width:calc(100% - 54px)}.desktop-nav{gap:17px}.hero h1{font-size:clamp(65px,7.6vw,98px)}.hero-visual{min-height:540px}.hero-blue{width:86%;left:4%}.board-layout{gap:34px}.collector-display{height:392px}.collector-characters{height:270px}.collector-characters>div{height:260px}}
@media(max-width:850px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.hero{grid-template-columns:1fr;padding-top:52px;min-height:auto;padding-bottom:105px}.hero-copy{text-align:center}.hero h1{font-size:clamp(68px,13vw,112px)}.hero-body{margin-left:auto;margin-right:auto}.hero-buttons,.hero-footer{justify-content:center}.hero-visual{height:490px;min-height:490px;max-width:590px;width:100%;margin:15px auto 0}.hero-blue{max-height:100%;width:73%;left:12%;bottom:-2%}.hero-red{width:43%;bottom:9%}.hero-stage-card{bottom:6%}.scroll-cue{left:50%;transform:translateX(-50%)}.board-layout,.collection-layout{grid-template-columns:1fr;gap:30px}.board-art{order:2}.board-copy{order:1}.section-head{align-items:start;flex-direction:column;gap:8px}.section-side{max-width:550px}.mechanic-card{height:300px}.mechanic-card img{height:208px}.battle-grid{gap:13px}.battle-poster{height:180px}.battle-info{font-size:13px}.collector-display{max-width:650px;width:100%;margin:auto}.collection-copy{text-align:center}.collection-copy>p:not(.kicker){margin-inline:auto}.collection-benefits{align-items:center}}
@media(max-width:650px){.container{width:calc(100% - 34px)}.announcement{font-size:7px;letter-spacing:1px}.announcement-star,.announcement [data-i18n="announcement2"]{display:none}.topbar-inner{min-height:69px}.brand-icon{width:36px;height:36px}.brand>span{font-size:19px}.brand small{font-size:6px;letter-spacing:1.4px}.nav-cta{padding:12px 13px;font-size:9px}.nav-cta span:last-child{margin-left:1px}.header-actions{gap:7px}.lang-button{padding:9px}.hero{padding-top:41px;padding-bottom:85px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:23px}.hero h1{font-size:clamp(64px,15vw,105px)}.hero-body{font-size:14px;margin:20px auto 23px}.hero-buttons{gap:10px}.hero-buttons .btn{padding:0 13px;min-height:50px;font-size:9px}.hero-footer{margin-top:24px}.pill{font-size:8px}.hero-visual{height:370px;min-height:370px;margin-top:0}.hero-blue{width:78%;left:5%}.hero-red{right:-3%;bottom:10%;width:44%}.hero-stage-card{right:0;bottom:3%;transform:scale(.78);transform-origin:bottom right}.hero-planet-text{display:none}.scroll-cue{bottom:18px}.section-gap{padding-block:70px}.section-head h2,.board-copy h2,.collection-copy h2{font-size:clamp(43px,10vw,63px)}.section-side{font-size:13px}.mechanic-grid{gap:11px;grid-template-columns:1fr}.mechanic-card{height:225px}.mechanic-card img{height:220px;max-width:55%;left:65%}.mechanic-card>div{bottom:27px;left:23px}.mechanic-index{top:19px}.mechanic-card:after{display:none}.mechanic-card h3{font-size:30px}.mechanic-symbol{right:16px;bottom:13px}.board-shot{transform:none}.board-shot img{aspect-ratio:1.5}.board-features{justify-content:space-between;gap:12px}.board-features span{font-size:8px}.battle-grid{grid-template-columns:1fr}.battle-poster{height:240px}.battle-info{padding:16px}.collector-display{height:340px;padding:16px}.collector-characters{height:256px}.collector-characters>div{height:246px}.collector-characters img{max-height:185px}.collector-header,.collector-footer{font-size:8px}.future-collection{gap:10px;padding-top:35px}.future-emoji{order:1;flex-basis:100%;text-align:center}.future-collection>span:first-child{order:0;flex-basis:100%;text-align:center}.future-collection>span:nth-child(3){order:2}.future-marker{order:3}.final-cta{min-height:420px;padding:44px 15px}.final-cta h2{font-size:clamp(53px,10vw,78px)}.final-buttons .btn{width:100%;max-width:330px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-nav{gap:15px;flex-wrap:wrap}.footer-bottom{gap:11px}.play-portal{padding-top:35px}.portal-top{gap:10px;flex-wrap:wrap}.portal-header{margin:36px 0}.portal-header h1{font-size:63px}.portal-gamebox{min-height:380px}.portal-sub{flex-direction:column}.video-modal{padding:8px}.video-modal-panel{padding:8px}.video-modal-panel video{max-height:70vh}}
@media(max-width:385px){.nav-cta{display:none}.hero h1{font-size:60px}.hero-visual{min-height:320px;height:320px}.mechanic-card img{left:70%;max-width:58%}.board-features strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v2: responsive and accessible integration corrections */
@font-face{font-family:Inter;src:url('/game/fonts/Inter.ttf') format('truetype');font-display:swap}
html{scroll-padding-top:110px}body{overflow-x:clip}.container{min-width:0}.hero>*,.board-layout>*,.collection-layout>*,.section-head>*{min-width:0}
.board-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.collection-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
h1,h2{overflow-wrap:anywhere}.hero h1{font-size:clamp(64px,7.6vw,112px)}html[lang=ru] .hero h1{font-size:clamp(45px,5.9vw,88px)}html[lang=es] .hero h1{font-size:clamp(58px,6.7vw,102px)}
.hero-red{right:0}.hero-halo{right:0}.section-head h2{font-size:clamp(40px,4.5vw,67px)}.collection-copy h2{font-size:clamp(36px,3.9vw,58px)}
.btn{white-space:normal;text-align:center;line-height:1.4;padding-block:12px}.topbar-inner{gap:18px}.desktop-nav{gap:22px}.footer-nav{flex-wrap:wrap;justify-content:flex-end}
.skip-link{position:fixed;z-index:500;top:-80px;left:20px;background:#73e5ff;color:#041429;padding:16px;border-radius:10px;font-weight:800}.skip-link:focus{top:8px}
:focus-visible{outline:3px solid #ffcf82;outline-offset:5px}#app-main:focus{outline:none}
.prototype-notice{max-width:1030px;margin:20px auto;padding:20px;border:1px solid #3d6c87;border-radius:14px;background:#102137;color:#c6e8ff;line-height:1.6}.prototype-notice strong{font-size:13px;letter-spacing:1px}.prototype-notice p{margin:8px 0 0;font-size:14px}
.portal-header{margin:32px 0 24px}.portal-header h1{font-size:clamp(45px,5vw,72px)}.game-direct{text-align:center;margin:20px auto}.game-direct p{color:var(--muted);font-size:13px}.portal-gamebox{height:860px;max-width:1260px;min-height:0}.game-frame{height:100%}
.status-page{min-height:55vh;padding-block:90px;max-width:900px}.status-page h1{font-size:clamp(34px,5vw,62px);line-height:1.1}.status-page p{line-height:1.8;color:#bacce2;max-width:740px}.status-page .btn{margin-top:20px}
.video-modal{border:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;background:transparent;color:var(--white)}.video-modal:not([open]){display:none}.video-modal::backdrop{background:#01030ddd}.video-modal-panel{max-height:94dvh;overflow:auto}.video-modal-panel video{max-height:65dvh}.video-modal-panel p{color:#b1c7e5;font-size:12px;line-height:1.6}.video-modal-panel>a{font-size:12px;color:var(--cyan);display:inline-block;padding:8px}.video-modal-title button{flex-shrink:0;min-width:44px;height:44px}
.share-dialog{border:1px solid #73dfff;border-radius:16px;background:#102037;color:#fff;padding:24px;max-width:calc(100% - 32px);width:520px}.share-dialog::backdrop{background:#000b}.share-dialog input{width:100%;padding:12px;background:#071427;border:1px solid #647f9e;color:white;border-radius:6px}.share-dialog button{float:right;min-width:44px;height:44px;background:#203653;color:white;border:1px solid #647f9e;border-radius:8px}
.capture-note{color:#a2b3cc}.footer-bottom{color:#94a5c1}.collector-header,.collector-footer{gap:12px;line-height:1.5}.collector-footer{flex-wrap:wrap}.collector-display{height:auto;min-height:430px}.board-caption{line-height:1.7}.toast{max-width:calc(100% - 30px);overflow-wrap:anywhere}
@media(max-width:1200px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}}
@media(max-width:850px){.board-layout,.collection-layout{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(58px,13vw,105px)}html[lang=ru] .hero h1{font-size:clamp(45px,10vw,82px)}html[lang=es] .hero h1{font-size:clamp(52px,12vw,95px)}.section-head h2,.collection-copy h2{font-size:clamp(36px,7vw,60px)}}
@media(max-width:650px){html{scroll-padding-top:90px}.topbar-inner{gap:6px}.header-actions{gap:6px}.header-actions>.nav-cta{display:none}.brand{gap:6px}.hero h1{font-size:clamp(58px,14vw,85px)}html[lang=ru] .hero h1{font-size:clamp(40px,10.7vw,65px)}html[lang=es] .hero h1{font-size:clamp(46px,12vw,74px)}.hero-red{right:0}.section-head h2,.board-copy h2,.collection-copy h2{font-size:clamp(32px,8vw,49px)}.final-cta h2{font-size:clamp(36px,8vw,57px)}.eyebrow{line-height:1.6;letter-spacing:1px}.hero-buttons .btn{font-size:10px;min-height:48px}.hero-visual{margin-top:20px}.hero-stage-card{bottom:0}.section-side{line-height:1.8}.collector-display{min-height:345px}.collector-characters{height:240px}.collector-characters>div{height:230px}.footer-nav{justify-content:flex-start}.portal-gamebox{height:820px;border-radius:12px}.prototype-notice{padding:16px}.portal-header h1{font-size:50px}.portal-early{font-size:9px}.game-direct .btn{font-size:10px}.status-page{padding-block:55px}.board-real-label{font-size:7px}.final-buttons{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}