@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');
:root{--ink:#070a0d;--panel:#10151b;--panel2:#151d25;--line:#29333d;--text:#f2f4f5;--muted:#8a97a3;--red:#ff2c3d;--acid:#e8ff37;--cyan:#2fe2f2;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:'Noto Sans SC','Noto Sans JP',sans-serif;font-size:16px;line-height:1.65;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:44px 44px}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}main{overflow:hidden}.scanline,.home-header,main,.home-footer{animation:homeEnter .36s ease both}@keyframes homeEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-wipe{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#070a0d;transform:translateX(101%);transition:transform .34s cubic-bezier(.76,0,.24,1);pointer-events:none}.page-wipe:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,44,61,.08)),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px}.page-wipe.active{transform:none}.page-wipe>div{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:13px 18px;border:1px solid rgba(255,44,61,.5);background:#050607}.page-wipe img{width:62px;height:62px;object-fit:cover}.page-wipe span{display:block;color:var(--red);font:800 9px 'Barlow Condensed',sans-serif;letter-spacing:.2em}.page-wipe b{display:block;font:900 28px 'Barlow Condensed',sans-serif;letter-spacing:.05em}body.is-leaving{overflow:hidden}
/* HEADER */
.scanline{height:30px;display:flex;align-items:center;justify-content:space-around;gap:35px;overflow:hidden;background:var(--red);font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.18em;white-space:nowrap}.scanline span:before{content:'◆';margin-right:24px;font-size:7px}.home-header{position:sticky;top:0;z-index:30;height:84px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;padding:0 3.5vw;border-bottom:1px solid var(--line);background:rgba(7,10,13,.94);backdrop-filter:blur(18px)}.home-brand{display:flex;align-items:center;gap:12px;width:max-content}.home-brand img{width:48px;height:48px;object-fit:cover;border:1px solid rgba(255,44,61,.5)}.home-brand span{display:flex;flex-direction:column;line-height:1}.home-brand b{font:900 29px 'Barlow Condensed',sans-serif;letter-spacing:.035em}.home-brand small{margin-top:4px;color:var(--red);font:700 9px 'Barlow Condensed',sans-serif;letter-spacing:.22em}.home-header nav{display:flex;justify-content:center;gap:38px}.home-header nav a{position:relative;color:#b9c1c7;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em}.home-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--acid);transition:.2s}.home-header nav a:hover:after{right:0}.home-tools{display:flex;align-items:center;gap:9px}.home-tools select,.home-tools button{height:40px;padding:0 12px;border:1px solid var(--line);background:#0e1318;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.home-tools button{display:none}.auto-update-toggle{height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);background:#0e1318;cursor:pointer}.auto-update-toggle input{position:absolute;opacity:0;pointer-events:none}.auto-update-toggle i{position:relative;width:28px;height:14px;border-radius:20px;background:#3b444c;transition:.2s}.auto-update-toggle i:after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#8d98a1;transition:.2s}.auto-update-toggle input:checked+i{background:rgba(232,255,55,.24)}.auto-update-toggle input:checked+i:after{left:16px;background:var(--acid);box-shadow:0 0 8px var(--acid)}.auto-update-toggle span{color:#a5afb7;font:800 9px 'Barlow Condensed',sans-serif;letter-spacing:.1em;white-space:nowrap}
/* HERO */
.home-hero{position:relative;max-width:var(--max);min-height:720px;margin:auto;padding:76px 4vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.home-hero:before{content:'SELECT';position:absolute;left:-1vw;top:80px;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);font:900 250px/.8 'Barlow Condensed',sans-serif;letter-spacing:-.05em}.kicker{display:flex;align-items:center;gap:12px;margin:0;color:var(--acid);font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.19em}.kicker:before{content:'';width:38px;height:2px;background:var(--acid)}.hero-copy h1{margin:22px 0 28px;font:900 clamp(78px,9vw,132px)/.76 'Barlow Condensed',sans-serif;letter-spacing:-.055em}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--red)}.hero-intro{max-width:610px;color:#abb4bc;font-size:18px}.hero-actions{display:flex;align-items:center;gap:22px;margin:31px 0 34px}.primary-action{padding:14px 20px;background:var(--acid);color:#0a0d0f;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}.primary-action:after{content:'↘';margin-left:18px}.hero-actions>span{color:var(--muted);font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:.13em}.hero-signals{display:flex;gap:34px;padding-top:21px;border-top:1px solid var(--line)}.hero-signals>span{position:relative;display:flex;min-width:100px;flex-direction:column;padding-left:14px}.hero-signals i{position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.hero-signals b{font:800 28px 'Barlow Condensed',sans-serif}.hero-signals small{color:var(--muted);font-size:10px}.portal-visual{position:relative;min-height:560px;display:grid;place-items:center}.portal-visual:before{content:'';position:absolute;inset:70px;background:radial-gradient(circle,rgba(47,226,242,.12),transparent 64%);filter:blur(10px)}.portal-ring{position:absolute;border-radius:50%;border:1px solid rgba(47,226,242,.3)}.ring-one{width:470px;height:470px;border-width:30px;border-left-color:rgba(255,44,61,.28);border-right-color:rgba(232,255,55,.16);animation:orbit 28s linear infinite}.ring-two{width:340px;height:340px;border-style:dashed;animation:orbit 20s linear infinite reverse}.portal-core{position:relative;z-index:2;width:240px;height:300px;padding:24px;display:flex;flex-direction:column;justify-content:center;border:1px solid #43505a;background:linear-gradient(145deg,rgba(22,30,37,.98),rgba(8,12,15,.98));box-shadow:0 30px 70px rgba(0,0,0,.6);clip-path:polygon(0 0,80% 0,100% 16%,100% 100%,20% 100%,0 84%)}.portal-core:after{content:'';position:absolute;inset:9px;border:1px solid rgba(255,255,255,.06);clip-path:inherit}.portal-core span,.portal-core small{position:relative;z-index:2;color:var(--red);font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:.2em}.portal-core b{position:relative;z-index:2;margin:17px 0;font:900 70px/.72 'Barlow Condensed',sans-serif;letter-spacing:-.04em}.portal-core small{color:var(--muted);font-size:8px}.portal-logo{position:absolute;left:20px;bottom:22px;z-index:4;display:flex;align-items:center;gap:9px;padding:7px 11px 7px 7px;border:1px solid rgba(255,44,61,.45);background:#050607}.portal-logo img{width:52px;height:52px;object-fit:cover}.portal-logo span{color:#8f9aa3;font:700 8px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.1em}.portal-logo b{color:white;font-size:12px}.portal-tag{position:absolute;z-index:3;padding:6px 9px;background:#0c1116;border-left:2px solid var(--cyan);font:700 9px 'Barlow Condensed',sans-serif;letter-spacing:.14em}.tag-a{top:72px;left:40px}.tag-b{right:4px;top:160px;border-color:var(--red)}.tag-c{right:25px;bottom:80px;border-color:var(--acid)}@keyframes orbit{to{transform:rotate(360deg)}}
/* GAMES */
.game-section,.feature-section{padding:88px max(4vw,calc((100vw - var(--max))/2 + 4vw))}.game-section{background:#0d1217;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-section-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid var(--line)}.home-section-head span,.about-section>div>span{color:var(--red);font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:.2em}.home-section-head h2,.about-section h2{margin:4px 0 0;font:800 clamp(38px,4vw,60px)/1 'Barlow Condensed',sans-serif}.home-section-head>p{max-width:410px;margin:0;color:var(--muted);font-size:13px;text-align:right}.live-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-card{position:relative;min-height:510px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);background:#111820;overflow:hidden;transition:.25s}.game-card:before{content:'';position:absolute;right:-90px;top:-90px;width:280px;height:280px;border:48px solid currentColor;border-radius:50%;opacity:.055}.game-card:hover{transform:translateY(-5px);border-color:currentColor}.ptcg-card{color:var(--acid);background:linear-gradient(145deg,#171c18,#10151a 58%)}.gcg-card{color:var(--cyan);background:linear-gradient(145deg,#15222b,#10151a 58%)}.bey-card{color:#ff7a42;background:linear-gradient(145deg,#251b14,#10151a 58%)}.bey-card-art{position:absolute;z-index:1;right:-20px;top:63px;width:190px;height:190px;object-fit:contain;filter:drop-shadow(-16px 20px 20px rgba(0,0,0,.65));transform:rotate(7deg);transition:.35s}.bey-card:hover .bey-card-art{transform:rotate(17deg) scale(1.05)}.game-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.game-top small{color:#85919b;font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:.18em}.live-dot{padding:5px 8px;color:#080b0e;font:900 9px 'Barlow Condensed',sans-serif;letter-spacing:.13em}.ptcg-card .live-dot{background:var(--acid)}.gcg-card .live-dot{background:var(--cyan)}.bey-card .live-dot{background:#ff7a42}.game-code{position:relative;z-index:2;margin:60px 0 0;color:transparent;-webkit-text-stroke:2px currentColor;font:900 clamp(72px,7vw,112px)/.7 'Barlow Condensed',sans-serif;letter-spacing:-.06em}.game-card h3,.game-card>p,.game-metrics,.enter-row{position:relative;z-index:2}.game-card h3{margin:28px 0 10px;color:white;font:800 27px 'Barlow Condensed',sans-serif}.game-card>p{max-width:530px;margin:0;color:#9da9b2;font-size:13px}.module-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto}.module-row span{padding:9px 5px;border:1px solid rgba(232,255,55,.22);color:#aeb9a0;text-align:center;font:700 9px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.game-metrics{display:flex;gap:25px;margin-top:auto}.game-metrics span{display:flex;flex-direction:column}.game-metrics b{color:white;font:800 24px 'Barlow Condensed',sans-serif}.game-metrics small{color:#83919b;font:700 8px 'Barlow Condensed',sans-serif;letter-spacing:.15em}.enter-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);color:white}.enter-row b{font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.enter-row i{font-style:normal;font-size:25px;color:currentColor}.coming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.coming-grid article{min-height:115px;padding:16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;border:1px solid #222c34;background:#0a0f13}.coming-grid article>span{color:#4f5c66;font:800 10px 'Barlow Condensed',sans-serif}.coming-grid article>b{grid-column:1/-1;align-self:end;font:800 20px 'Barlow Condensed',sans-serif}.coming-grid article>small{grid-column:2;grid-row:2;align-self:end;color:#596670;font:700 8px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.coming-grid article:after{content:'LOCKED';grid-column:2;grid-row:1;color:#596670;font:700 8px 'Barlow Condensed',sans-serif;letter-spacing:.14em}
/* FEATURES */
.feature-section{background:var(--ink)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-grid article{position:relative;min-height:260px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#111820,#0b1014);overflow:hidden}.feature-grid article:after{content:'';position:absolute;right:-55px;bottom:-65px;width:140px;height:140px;border:23px solid rgba(255,44,61,.045);border-radius:50%}.feature-grid article>b{color:var(--acid);font:800 11px 'Barlow Condensed',sans-serif}.feature-grid h3{margin:67px 0 11px;font:800 24px 'Barlow Condensed',sans-serif}.feature-grid p{margin:0;color:#929ea8;font-size:13px}.about-section{max-width:calc(var(--max) - 8vw);margin:0 auto 90px;padding:36px;display:grid;grid-template-columns:150px 1fr auto;gap:34px;align-items:center;border:1px solid rgba(255,44,61,.45);background:linear-gradient(110deg,#170d10,#0b1015 65%)}.about-section>img{width:150px;height:150px;object-fit:cover}.about-section h2{font-size:40px}.about-section p{max-width:760px;margin:12px 0 0;color:#a2acb4;font-size:13px}.about-section>a{padding:12px 17px;border:1px solid var(--red);color:var(--red);font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;white-space:nowrap}
/* FOOTER */
.home-footer{min-height:110px;padding:24px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid var(--line);background:#050708}.footer-maker{display:flex;align-items:center;gap:10px}.footer-maker img{width:46px;height:46px;object-fit:cover}.footer-maker b{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.home-footer p{color:var(--muted);font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:.15em}.home-footer small{justify-self:end;color:#53606a;font:700 9px 'Barlow Condensed',sans-serif;letter-spacing:.12em}
/* RESPONSIVE */
.tcg-card-art{position:absolute;right:12px;top:52px;z-index:1;width:190px;height:170px;pointer-events:none}.tcg-card-art img{position:absolute;width:100px;filter:drop-shadow(-12px 18px 16px rgba(0,0,0,.72));transition:.35s}.ptcg-card-art img:first-child{right:62px;top:13px;transform:rotate(-13deg)}.ptcg-card-art img:last-child{right:4px;top:0;transform:rotate(9deg)}.ptcg-card:hover .ptcg-card-art img:first-child{transform:rotate(-18deg) translate(-5px,-4px)}.ptcg-card:hover .ptcg-card-art img:last-child{transform:rotate(14deg) translate(5px,-5px)}.gcg-card-art img{right:5px;top:-4px;width:112px;transform:rotate(7deg)}.gcg-card:hover .gcg-card-art img{transform:rotate(12deg) scale(1.04)}
@media(max-width:1050px){.home-header{grid-template-columns:250px 1fr auto}.home-header nav{gap:18px}.home-hero{grid-template-columns:1fr}.portal-visual{min-height:530px}.live-game-grid{grid-template-columns:1fr}.coming-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:110px 1fr}.about-section>img{width:110px;height:110px}.about-section>a{grid-column:2}}
@media(max-width:720px){body{font-size:15px}.scanline{justify-content:flex-start;padding-left:15px}.scanline span:nth-child(n+3){display:none}.home-header{height:70px;grid-template-columns:1fr auto;padding:0 15px}.home-brand img{width:42px;height:42px}.home-brand b{font-size:24px}.home-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px;background:#0b1014;border-bottom:1px solid var(--line);flex-direction:column}.home-header nav.open{display:flex}.home-tools select{height:38px;width:104px}.home-tools button{display:block;height:38px}.home-tools .auto-update-toggle{width:42px;height:38px;padding:0 6px}.home-tools .auto-update-toggle span{display:none}.home-hero{min-height:0;padding:58px 19px 48px}.home-hero:before{font-size:130px;top:70px}.hero-copy h1{font-size:65px}.hero-intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-signals{gap:16px}.hero-signals>span{min-width:0}.hero-signals b{font-size:23px}.portal-visual{min-height:430px}.ring-one{width:350px;height:350px}.ring-two{width:260px;height:260px}.portal-core{width:190px;height:245px}.portal-core b{font-size:55px}.portal-logo{left:0;bottom:0}.tag-a{left:0;top:45px}.tag-b{right:0;top:125px}.tag-c{right:0;bottom:45px}.game-section,.feature-section{padding:58px 19px}.home-section-head{align-items:flex-start}.home-section-head>p{display:none}.game-card{min-height:470px;padding:21px}.game-code{font-size:95px}.coming-grid,.feature-grid{grid-template-columns:1fr 1fr}.coming-grid article>b{font-size:16px}.feature-grid article{min-height:230px;padding:18px}.feature-grid h3{margin-top:54px;font-size:20px}.about-section{margin:0 19px 58px;padding:22px;grid-template-columns:76px 1fr;gap:18px}.about-section>img{width:76px;height:76px}.about-section h2{font-size:29px}.about-section p{grid-column:1/-1}.about-section>a{grid-column:1/-1;justify-self:start}.home-footer{display:block;padding:25px 19px}.home-footer p{margin-top:20px}.home-footer small{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.portal-ring{animation:none!important}}
.live-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opcg-card{color:#d7aa48;background:linear-gradient(145deg,#172832,#10151a 58%)}.opcg-card .live-dot{background:#d7aa48}.opcg-card-art img{right:4px;top:-6px;width:118px;transform:rotate(7deg)}.opcg-card:hover .opcg-card-art img{transform:rotate(13deg) scale(1.04)}.tag-d{left:5%;bottom:24%}
.marvel-card{color:#f24452;background:linear-gradient(145deg,#26161b,#10151a 58%)}.marvel-card .live-dot{background:#f24452}.marvel-card-art img{right:10px;top:-7px;width:115px;border-radius:7px;transform:rotate(8deg)}.marvel-card:hover .marvel-card-art img{transform:rotate(14deg) scale(1.04)}
@media(max-width:1050px){.live-game-grid{grid-template-columns:1fr}}
@media(max-width:720px){.tag-d{left:2%;bottom:20%}}
/* Prevent the fixed transition layer and compact header controls from widening phones. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:430px){.home-tools .auto-update-toggle{display:none}.home-tools{gap:6px}.home-tools select{width:98px}.home-tools button{padding:0 9px}}