/* Homepage V2. Exact locked tokens; gameplay styles are not changed. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{padding-block:15px}.site-header nav{gap:22px}.site-header nav>a:not(.button){font-size:12px}.site-header .nav-play{background:var(--yellow)}.stadium-hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;background:var(--blue);border-bottom:5px solid var(--ink)}.stadium-environment{position:absolute;inset:0;z-index:-2;overflow:hidden}.pixel-cloud{position:absolute;top:65px;width:180px;height:40px;background:var(--ivory);box-shadow:20px -20px 0 var(--ivory),60px -40px 0 var(--ivory),100px -20px 0 var(--ivory)}.cloud-a{left:-50px}.cloud-b{right:30px;top:100px;transform:scale(.65)}.city-skyline{position:absolute;top:190px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;height:110px;opacity:.5}.city-skyline i{width:10%;height:75px;background:var(--ivory);box-shadow:15px 0 0 var(--ivory)}.city-skyline i:nth-child(2n){height:105px;width:7%}.stadium-bowl{position:absolute;top:42%;left:-4%;right:-4%;height:160px;background:var(--orange);border-block:5px solid var(--ink);transform:perspective(700px) rotateX(12deg);border-radius:32% 32% 0 0}.crowd-tier{height:130px;background:repeating-linear-gradient(0deg,transparent 0 13px,var(--ink) 13px 17px),repeating-linear-gradient(90deg,var(--ivory) 0 8px,var(--orange) 8px 16px,var(--blue) 16px 24px,var(--yellow) 24px 32px);border-top:5px solid var(--ivory)}.stadium-banner{background:var(--ink);color:var(--yellow);text-align:center;font:10px/28px Arcade,monospace;letter-spacing:.15em}.hero-turf{position:absolute;inset:65% -10% -15%;background:repeating-linear-gradient(90deg,transparent 0 19.2%,var(--ivory) 19.2% 20%),repeating-linear-gradient(0deg,var(--blue) 0 70px,var(--ink) 70px 72px);border-top:7px solid var(--ivory);transform:perspective(500px) rotateX(28deg);display:flex;align-items:center;justify-content:space-around;color:var(--ivory);font:46px Arcade,monospace}.hero-turf b{font:150px Arial;color:var(--yellow);-webkit-text-stroke:3px var(--ink)}.light-tower{position:absolute;top:60px;height:220px;width:12px;background:var(--ink);z-index:1}.light-tower:before{content:'';position:absolute;left:-42px;top:0;width:96px;height:45px;background:repeating-linear-gradient(90deg,var(--ivory) 0 20px,var(--ink) 20px 25px);border:5px solid var(--ink);box-shadow:0 7px 0 var(--yellow)}.tower-left{left:12%;transform:rotate(-8deg)}.tower-right{right:12%;transform:rotate(8deg)}.goal-post{position:absolute;right:7%;bottom:135px;height:130px;width:10px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.goal-post:before{content:'';position:absolute;width:90px;height:60px;border:9px solid var(--yellow);border-top:0;left:-40px;top:-45px}.stadium-core{position:relative;z-index:4;width:min(590px,50%);margin:auto;text-align:center;padding-top:35px}.stadium-location{display:inline-block;background:var(--ink);color:var(--yellow);font:8px/1.8 Arcade,monospace;padding:9px 15px;margin-bottom:22px;transform:rotate(-2deg)}.logo-sign{padding:15px 20px;background:var(--ivory);border:4px solid var(--ink);box-shadow:7px 8px 0 var(--orange);transform:rotate(-2deg)}.logo-sign img{width:100%}.hero-invitation{font-size:18px;font-weight:900;line-height:1.4;color:var(--ivory);text-shadow:1px 2px 0 var(--ink);margin:25px 0 20px}.stadium-core .actions{justify-content:center;gap:14px;margin:20px 0}.hero-play{background:var(--yellow);font-size:12px}.stadium-core .secondary{font-size:10px}.stadium-cast{position:absolute;inset:0;z-index:3;pointer-events:none}.stadium-cast img{position:absolute;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(8px 5px 0 var(--ink));width:auto;transform-origin:bottom center}.cast-goku{height:445px;left:4%;bottom:45px;transform:rotate(-5deg)}.cast-vegeta{height:370px;right:5%;bottom:50px;transform:rotate(5deg)}.cast-piccolo{height:260px;left:27%;bottom:40px;z-index:-1}.cast-gohan{height:255px;right:28%;bottom:40px;z-index:-1}.stadium-number{position:absolute;left:50%;bottom:105px;transform:translateX(-50%) rotate(-5deg);background:var(--yellow);padding:20px 30px;box-shadow:5px 5px 0 var(--ink);border:3px solid var(--ink);font:1000 27px/.95 Arial Black,Arial;text-align:center}.hero-scroll{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--yellow);font:8px/1.5 Arcade,monospace;padding:12px 18px;text-decoration:none;white-space:nowrap;z-index:4}.world-nav{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yellow);border-bottom:4px solid var(--ink);padding:0 max(20px,calc((100vw - 1220px)/2))}.world-nav a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font:9px/1.7 Arcade,monospace;padding:23px 12px;border-right:2px solid var(--ink);transition:background .15s,transform .15s}.world-nav a:first-child{border-left:2px solid var(--ink)}.world-nav a>span{font:30px Arial;font-weight:900}.world-nav a:hover{background:var(--ivory);transform:translateY(-4px)}.intro{padding:65px 0}.intro h2{font-size:48px}.intro-grid p{font-size:16px}.select-machine{border:5px solid var(--ink);background:var(--ivory);box-shadow:9px 10px 0 var(--orange);border-radius:6px}.select-marquee,.select-bottom{display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:var(--yellow);font:9px/1.8 Arcade,monospace;padding:17px 22px}.select-bottom{font-size:7px;border-top:4px solid var(--ink);padding-block:14px}.select-bottom>span{color:var(--ivory)}.select-layout{display:grid;grid-template-columns:.85fr 1.15fr}.select-stage{position:relative;display:flex;justify-content:center;align-items:end;min-height:600px;background:repeating-conic-gradient(from 15deg at 50% 65%,var(--yellow) 0 16deg,var(--orange) 16deg 25deg);border-right:5px solid var(--ink);overflow:hidden}.select-stage>img{height:435px;max-width:85%;width:auto;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(6px 5px 0 var(--ink));position:relative;z-index:2;margin-bottom:78px}.select-stage>canvas{position:relative;width:90%;height:auto;aspect-ratio:300/320;object-fit:contain;image-rendering:pixelated;z-index:3;margin-bottom:70px}.selection-ring{position:absolute;bottom:76px;width:80%;height:32px;border:4px solid var(--ink);border-radius:50%;background:var(--blue)}.select-stage .stage-number{top:20px;bottom:auto;font-size:27px}.stage-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--blue);border-top:4px solid var(--ink);z-index:4;font:14px/1.5 Arcade,monospace}.stage-caption span:last-child{background:var(--ink);color:var(--yellow);font-size:8px;padding:9px}.select-console{padding:28px}.portrait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portrait-grid button{border:3px solid var(--ink);padding:0;position:relative;overflow:hidden;background:var(--blue);box-shadow:3px 3px 0 var(--ink);transition:transform .15s}.portrait-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;object-position:bottom;image-rendering:pixelated}.portrait-grid button>span{display:block;text-align:center;background:var(--ink);color:var(--ivory);font-size:10px;font-weight:900;line-height:1.3;padding:7px 2px;min-height:27px}.portrait-grid button[aria-pressed=true]{outline:4px solid var(--orange);outline-offset:2px;background:var(--yellow);transform:translateY(-3px)}.portrait-grid button[aria-pressed=true]:before{content:'1P';position:absolute;left:0;top:0;background:var(--yellow);border:2px solid var(--ink);font:8px/1.5 Arcade,monospace;padding:5px;z-index:2}.portrait-grid button:hover{transform:translateY(-4px)}.select-info{margin-top:30px}.select-info .eyebrow{margin-bottom:7px;font-size:8px}.select-info h3{font-size:43px;margin:0 0 9px}.select-info>p:not(.eyebrow){font-size:14px;font-weight:800;margin:0}.select-info .stats{gap:8px;margin:18px 0}.select-info .stats>div{padding:12px 5px}.select-info .stats strong{font-size:21px;margin-bottom:8px}.select-info .stats span{font-size:6px}.select-actions{display:flex;flex-wrap:wrap;gap:12px}.select-actions .button{font-size:8px;min-height:44px;padding:12px 14px}.select-actions button:disabled{box-shadow:none;opacity:.7;cursor:default;transform:none}.select-console .data-note{font-size:11px;max-width:100%;margin:17px 0 0}.select-console #animation-note{margin-top:5px}.interactive-playbook h2{font-size:53px}.playbook-console{border:4px solid var(--ink);border-radius:8px;box-shadow:7px 7px 0 var(--blue);overflow:hidden}.playbook-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:var(--ink);gap:3px;padding:8px}.playbook-tabs button{border:0;background:var(--ivory);padding:17px 8px;font:8px/1.8 Arcade,monospace;min-height:52px}.playbook-tabs button[aria-selected=true]{background:var(--yellow);box-shadow:inset 0 -5px 0 var(--orange)}.playbook-tabs button:hover{background:var(--yellow)}.playbook-panel{display:grid;grid-template-columns:1.1fr .9fr;background:var(--ivory)}.playbook-screen{margin:0;background:var(--ink);display:flex;flex-direction:column;justify-content:center;border-right:4px solid var(--ink)}.playbook-screen img{width:100%;height:360px;object-fit:cover;object-position:top;image-rendering:pixelated}.playbook-screen figcaption{margin:0;padding:14px;font:8px/1.6 monospace;color:var(--ivory);letter-spacing:.04em}.playbook-copy{padding:30px}.playbook-copy .eyebrow{font-size:8px}.playbook-copy h3{font-size:34px}.playbook-copy p{font-size:15px}.playbook-copy ol{padding-left:20px;font-size:13px;line-height:1.8}.playbook-keys{display:grid;grid-template-columns:max-content 1fr;gap:8px 12px;align-items:center;border-top:2px solid var(--ink);padding-top:18px;margin-top:20px;font-size:12px}.playbook-keys kbd{font-size:10px;padding:5px}.arcade-modes{background-image:repeating-linear-gradient(0deg,transparent 0 24px,var(--orange) 24px 25px);border-block:4px solid var(--ink)}.arcade-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.arcade-mode{display:flex;flex-direction:column;border:4px solid var(--ink);border-radius:6px;background:var(--ivory);box-shadow:6px 7px 0 var(--ink);overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s}.arcade-mode:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:8px 13px 0 var(--ink)}.mode-state{font:8px/1.8 monospace;background:var(--ink);color:var(--yellow);padding:9px 12px;text-align:center;letter-spacing:.06em}.mode-visual{height:190px;position:relative;overflow:hidden;border-bottom:4px solid var(--ink);background:var(--blue)}.mode-visual>img{height:100%;width:100%;object-fit:cover;object-position:top;image-rendering:pixelated}.mode-bowl .mode-visual>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--yellow);border:3px solid var(--ink);border-radius:50%;font-size:34px;line-height:72px;width:76px;text-align:center;box-shadow:4px 4px 0 var(--ink)}.mode-body{padding:26px;display:flex;flex-direction:column;flex:1}.mode-body .eyebrow{font-size:8px;margin-bottom:15px}.mode-body h3{font-size:29px}.mode-body p{font-size:14px}.mode-body>b{font:8px/1.8 Arcade,monospace;margin-top:auto;padding-top:15px}.mode-draft{background:var(--blue)}.portrait-duel{display:flex;align-items:end;justify-content:center;background:var(--orange)}.portrait-duel img{height:140px;width:43%;object-fit:contain;object-position:bottom}.portrait-duel>span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font:1000 32px Arial Black,Arial;color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.mode-builder{background:var(--orange)}.lineup-art{display:grid;grid-template-columns:1fr 1fr 1fr;align-content:center;justify-items:center;gap:20px;background:repeating-linear-gradient(0deg,transparent 0 38px,var(--ivory) 38px 40px),var(--blue);padding:20px}.lineup-art span{display:grid;place-items:center;width:45px;height:45px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);font-weight:900;font-size:12px;z-index:1}.lineup-art span:nth-child(2){background:var(--orange)}.lineup-art span:last-of-type{grid-column:2}.sim-mode-link{display:flex;align-items:center;gap:20px;background:var(--ivory);border:3px solid var(--ink);padding:20px 25px;margin-top:30px;text-decoration:none;box-shadow:4px 4px 0 var(--orange)}.sim-mode-link>span:first-child{font-size:38px}.sim-mode-link strong{font-size:18px}.sim-mode-link>span{font-size:14px}.sim-mode-link small{margin-left:auto;font:9px monospace}.magazine{padding:65px 0;background:var(--ivory)}.magazine h2{font-size:46px}.magazine-strip{display:flex;justify-content:space-between;gap:20px;border-block:3px solid var(--ink);padding:13px 0;margin-bottom:25px;font:9px/1.8 Arcade,monospace}.magazine-strip span:first-child{color:var(--ink);background:var(--yellow);padding:0 8px}.magazine-strip span:nth-child(2){font:10px/1.8 monospace;align-self:center}.magazine .news-card{border-radius:0;background:var(--ivory);box-shadow:6px 6px 0 var(--blue);position:relative}.magazine .news-card:nth-child(2){background:var(--yellow);box-shadow:6px 6px 0 var(--orange)}.magazine .news-card img{height:230px}.magazine .news-copy h3{font-size:30px;line-height:1.1}.magazine .news-copy p:not(.eyebrow){font-size:14px}.magazine .news-copy .eyebrow{font-size:7px}.origin{padding-block:55px}.origin h2{font-size:43px}.origin p{font-size:16px}.origin-mark{font-size:270px}.origin-mark span{font-size:26px}.intro .screenshot img{height:320px}.mobile-menu a{min-height:44px}.world-nav a:focus-visible,.playbook-tabs button:focus-visible{outline-offset:-5px;outline-color:var(--orange)}.portrait-grid button:focus-visible{outline:4px solid var(--ink);outline-offset:3px}
@media(max-width:1000px){.site-header nav{gap:16px}.site-header nav>a:not(.button){font-size:11px}.stadium-hero{min-height:640px}.stadium-core{width:57%}.cast-goku{height:365px;left:1%;bottom:55px}.cast-vegeta{height:310px;right:1%}.cast-piccolo{height:225px;left:25%}.cast-gohan{height:215px;right:25%}.light-tower{top:85px;height:190px}.tower-left{left:8%}.tower-right{right:8%}.world-nav a{font-size:7px;padding-inline:8px;gap:8px}.select-console{padding:20px}.portrait-grid{gap:8px}.select-stage{min-height:600px}.select-stage>img{height:380px}.select-info h3{font-size:35px}.playbook-copy{padding:25px}.playbook-copy h3{font-size:30px}.playbook-screen img{height:360px}.mode-body{padding:21px}.mode-body h3{font-size:26px}.sim-mode-link{flex-wrap:wrap;gap:12px}.sim-mode-link small{margin-left:0}}
@media(max-width:700px){.site-header{padding:13px 16px}.site-header .nav-logo{width:172px}.site-header .nav-play{font-size:7px;padding:10px}.stadium-hero{min-height:690px}.stadium-core{width:calc(100% - 36px);max-width:520px;padding-top:24px}.stadium-location{font-size:6px;padding:8px 12px;margin-bottom:20px}.logo-sign{padding:14px 10px;border-width:3px;box-shadow:4px 5px 0 var(--orange)}.hero-invitation{font-size:15px;margin:23px 0 18px;text-shadow:1px 1px 0 var(--ink)}.stadium-core .actions{gap:12px;margin:18px 0}.stadium-core .button{font-size:8px;padding:14px 16px;min-height:51px;border-width:3px}.stadium-core .secondary{font-size:7px}.stadium-bowl{top:44%;height:145px;border-radius:15% 15% 0 0}.crowd-tier{height:110px}.stadium-banner{font-size:6px;line-height:25px;letter-spacing:0}.hero-turf{top:65%;bottom:-5%}.hero-turf b{font-size:90px}.hero-turf{font-size:25px}.cast-goku{height:290px;left:1%;bottom:66px}.cast-vegeta{height:245px;right:1%;bottom:66px}.cast-piccolo{height:185px;left:32%;bottom:72px}.cast-gohan{height:175px;right:31%;bottom:72px;display:none}.stadium-number{font-size:16px;padding:12px 16px;bottom:77px;left:57%;z-index:4}.hero-scroll{font-size:6px;bottom:18px;padding:12px 16px}.light-tower{top:292px;height:90px;width:8px}.light-tower:before{width:55px;height:29px;left:-23px;border-width:3px}.tower-left{left:10%}.tower-right{right:10%}.city-skyline{top:255px;height:80px}.city-skyline i{height:60px}.city-skyline i:nth-child(2n){height:70px}.pixel-cloud{top:30px;transform:scale(.45);transform-origin:left center}.cloud-b{top:100px;right:-120px}.world-nav{grid-template-columns:1fr 1fr;padding:0}.world-nav a{font-size:7px;padding:17px 10px;min-height:65px;border-bottom:2px solid var(--ink);justify-content:start;gap:10px}.world-nav a:first-child{border-left:0}.world-nav a:nth-child(even){border-right:0}.world-nav a>span{font-size:25px}.intro{padding:50px 0}.intro-grid{gap:45px}.intro h2{font-size:39px}.intro-grid p{font-size:15px}.intro .screenshot img{height:240px}.character-select .section-heading h2{font-size:38px}.character-select .section-heading>p{font-size:15px}.select-marquee{font-size:6px;padding:14px 12px}.select-marquee span:last-child{font-size:8px;white-space:nowrap}.select-layout{grid-template-columns:1fr}.select-stage{border-right:0;border-bottom:4px solid var(--ink);min-height:360px}.select-stage>img{height:270px;margin-bottom:65px}.select-stage>canvas{height:285px;width:auto;margin-bottom:60px}.selection-ring{bottom:62px;height:25px;width:70%}.select-stage .stage-number{font-size:23px;left:15px;top:17px}.stage-caption{padding:15px;font-size:12px}.select-console{padding:20px 15px}.portrait-grid{gap:9px}.portrait-grid button>span{font-size:8px;min-height:32px;display:grid;place-items:center;padding:5px 1px}.portrait-grid button[aria-pressed=true]:before{font-size:6px;padding:3px}.select-info{margin-top:24px}.select-info h3{font-size:37px}.select-info>p:not(.eyebrow){font-size:12px}.select-info .stats strong{font-size:21px}.select-info .stats span{font-size:5px}.select-actions{gap:12px}.select-actions .button{font-size:6px;padding:12px 10px;flex:1;min-height:46px}.select-bottom{font-size:6px;padding:13px 12px}.select-bottom>span{display:none}.interactive-playbook h2{font-size:39px}.interactive-playbook .section-heading>p{font-size:15px}.playbook-tabs{display:flex;overflow-x:auto;gap:6px;padding:8px;scrollbar-width:thin}.playbook-tabs button{font-size:7px;min-width:104px;padding:14px 10px;min-height:48px}.playbook-panel{grid-template-columns:1fr}.playbook-screen{border-right:0;border-bottom:4px solid var(--ink)}.playbook-screen img{height:230px}.playbook-screen figcaption{font-size:7px;padding:10px}.playbook-copy{padding:24px}.playbook-copy h3{font-size:32px}.playbook-copy p{font-size:14px}.playbook-copy ol{font-size:13px}.playbook-copy .eyebrow{font-size:7px}.playbook-keys{font-size:11px}.playbook-keys kbd{font-size:9px}.arcade-mode-grid{grid-template-columns:1fr;gap:25px}.mode-visual{height:180px}.mode-body{padding:25px}.mode-body h3{font-size:30px}.mode-state{font-size:8px}.sim-mode-link{padding:18px;gap:12px}.sim-mode-link>span:first-child{font-size:30px}.sim-mode-link strong{font-size:16px}.sim-mode-link>span{font-size:13px}.sim-mode-link small{font-size:8px}.magazine{padding-block:50px}.magazine h2{font-size:37px}.magazine-strip{gap:10px;font-size:8px}.magazine-strip span:nth-child(2){display:none}.magazine .news-card img{height:200px}.magazine .news-copy h3{font-size:28px}.magazine .news-copy{padding:23px}.origin h2{font-size:35px}.origin p{font-size:15px}.origin-mark{font-size:220px}.origin-mark span{font-size:22px}}
@media(max-width:360px){.site-header .nav-logo{width:140px}.stadium-core .button{font-size:7px;padding:13px}.cast-goku{height:255px}.cast-vegeta{height:220px}.stadium-hero{min-height:650px}.portrait-grid button>span{font-size:7px}.select-info .stats strong{font-size:18px}.playbook-copy{padding:20px}}
@media(prefers-reduced-motion:no-preference){.stadium-number{animation:ready-pop 3.5s ease-in-out 2}.hero-play:hover{animation:button-jump .35s ease-in-out 1}@keyframes ready-pop{0%,80%,100%{transform:translateX(-50%) rotate(-5deg)}90%{transform:translateX(-50%) translateY(-5px) rotate(-2deg)}}@keyframes button-jump{50%{transform:translateY(-6px)}}}
@media(prefers-reduced-motion:reduce){.stadium-number{animation:none}.portrait-grid button,.arcade-mode,.world-nav a{transition:none;transform:none!important}}