@font-face{font-family:Arcade;src:url('/db22/assets/press-start-2p.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:1000;letter-spacing:-.055em}p{line-height:1.7;font-size:17px}h2{font-size:clamp(38px,4.5vw,62px);line-height:1.03;margin-bottom:25px}h3{font-size:29px;line-height:1.1;margin-bottom:14px}.wrap{width:min(calc(100% - 80px),var(--page-width));margin:auto}.section{padding:85px 0;position:relative}.ivory{background:var(--ivory)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.eyebrow{font:10px/1.9 Arcade,monospace;letter-spacing:.02em;margin-bottom:18px}.tiny{font:9px/1.6 monospace;letter-spacing:.04em}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:54px;padding:17px 24px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:10px;text-decoration:none;font:11px/1.7 Arcade,monospace;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-2px,-3px);box-shadow:6px 8px 0 var(--ink)}.button:active{transform:translate(3px,4px);box-shadow:none}.button.secondary{background:var(--ivory)}.text-link{font-weight:800;font-size:16px}.site-header{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ivory);border-bottom:3px solid var(--ink);position:relative;z-index:5}.nav-logo{width:240px}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav>a:not(.button){font-size:13px;font-weight:800;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header nav>a:not(.button):hover{text-decoration:underline;text-decoration-thickness:3px}.nav-play{font-size:10px;min-height:48px;padding:10px 18px;background:var(--orange)}.hero{position:relative;background:var(--yellow);overflow:hidden;border-bottom:3px solid var(--ink)}.sunburst{position:absolute;inset:0;background:repeating-conic-gradient(from 15deg at 70% 50%,transparent 0 12deg,var(--ivory) 12deg 22deg);opacity:.25;pointer-events:none}.hero-inner{position:relative;width:min(calc(100% - 80px),1350px);margin:auto;min-height:650px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;padding:50px 0 65px}.hero-copy{z-index:2}.star{font-family:Arial;font-size:24px;vertical-align:middle}.hero-logo{width:570px;margin:20px 0 28px}.hero h1{font-size:clamp(45px,4.65vw,70px);line-height:.95;margin-bottom:23px;transform:rotate(-2deg)}.hero h1 span{color:var(--ivory);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink)}.hero-copy>p:not(.eyebrow):not(.tiny){max-width:39ch;font-size:18px;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:16px;margin:26px 0}.play{background:var(--ink);color:var(--ivory);box-shadow:4px 5px 0 var(--orange)}.hero-copy .tiny{margin:25px 0 0}.hero-world{position:relative;isolation:isolate;min-height:535px;align-self:end;margin-bottom:10px;background:var(--blue);border-radius:48% 48% 8% 8%;border:3px solid var(--ink);box-shadow:9px 10px 0 var(--orange)}.world-label{position:absolute;top:36px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ivory);border:2px solid var(--ink);padding:10px 16px;border-radius:50px;z-index:2;font-size:8px}.world-cloud{position:absolute;background:var(--ivory);width:110px;height:22px;top:100px;border-radius:30px}.world-cloud:before{content:'';position:absolute;width:50px;height:42px;bottom:5px;left:20px;background:var(--ivory);border-radius:50%}.cloud-one{left:20px}.cloud-two{right:30px;top:135px;transform:scale(.7)}.stadium-stands{position:absolute;left:0;right:0;top:45%;height:100px;background:repeating-linear-gradient(0deg,transparent 0 12px,var(--ink) 12px 17px),repeating-linear-gradient(90deg,var(--ivory) 0 10px,var(--yellow) 10px 20px,var(--orange) 20px 30px,var(--blue) 30px 40px);border-block:5px solid var(--ink);transform:perspective(400px) rotateX(10deg)}.stadium-stands>span{position:absolute;bottom:-27px;left:0;right:0;white-space:nowrap;overflow:hidden;background:var(--ink);color:var(--yellow);font:8px/23px Arcade,monospace;text-align:center}.world-field{position:absolute;bottom:0;left:0;right:0;height:35%;border-radius:0 0 12% 12%;background:repeating-linear-gradient(90deg,transparent 0 19%,var(--ivory) 19% 20%),var(--blue);border-top:5px solid var(--ivory);transform:perspective(600px) rotateX(20deg);display:flex;justify-content:space-around;align-items:center;color:var(--ivory);font:40px Arcade,monospace;overflow:hidden}.hero-player{position:absolute;bottom:18px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(7px 5px 0 var(--ink));height:auto}.goku{height:440px;width:auto;left:33%;z-index:4;transform:rotate(-4deg)}.vegeta{height:320px;width:auto;left:4%;z-index:3;transform:rotate(-8deg)}.piccolo{height:345px;width:auto;right:0;z-index:2;transform:rotate(6deg)}.comic-burst{position:absolute;right:-15px;top:105px;z-index:5;background:var(--orange);padding:23px;font:italic 1000 26px/.95 Arial;text-align:center;transform:rotate(12deg);border:3px solid var(--ink);border-radius:50% 20% 45% 25%;box-shadow:4px 4px 0 var(--ivory)}.world-caption{position:absolute;bottom:-34px;left:15%;font:8px monospace;letter-spacing:.06em}.hero-ribbon{background:var(--ink);color:var(--ivory);font:12px/1.8 Arcade,monospace;padding:20px;white-space:nowrap;transform:rotate(-1.5deg) scale(1.02);margin:8px 0 20px}.hero-ribbon span{color:var(--yellow);margin:0 22px}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}.intro-grid p{max-width:45ch}.screenshot{position:relative;border:4px solid var(--ink);border-radius:18px;box-shadow:var(--hard-shadow);background:var(--ink)}.screenshot img{width:100%;height:350px;object-fit:cover;object-position:top;border-radius:12px;image-rendering:pixelated}.tilt-left{transform:rotate(-3deg)}.sticker{position:absolute;bottom:-20px;right:-20px;transform:rotate(6deg);background:var(--orange);padding:16px 20px;border:3px solid var(--ink);font:9px/1.6 Arcade,monospace;box-shadow:3px 3px 0 var(--ink)}.players:before,.origin:before{content:'';position:absolute;top:-14px;left:0;right:0;height:28px;background:linear-gradient(135deg,transparent 50%,var(--blue) 50%) 0 0/28px 28px,linear-gradient(225deg,transparent 50%,var(--blue) 50%) 0 0/28px 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:18px;font-weight:800;line-height:1.4;margin:0}.player-showcase{display:grid;grid-template-columns:1fr 1fr;gap:0;border:3px solid var(--ink);border-radius:24px;box-shadow:var(--hard-shadow);background:var(--ivory);overflow:hidden}.player-stage{position:relative;min-height:390px;display:flex;justify-content:center;align-items:end;background:var(--yellow);overflow:hidden;border-right:3px solid var(--ink)}.player-stage:after{content:'';position:absolute;bottom:20px;width:75%;height:25px;border:3px solid var(--ink);border-radius:50%;background:var(--orange)}.player-stage>img{position:relative;z-index:2;height:355px;width:auto;max-width:90%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(6px 3px 0 var(--ink));margin-bottom:15px}.stage-star{position:absolute;left:25%;top:0;color:var(--orange);font-size:340px;line-height:1;transform:rotate(-15deg)}.stage-number{position:absolute;left:20px;bottom:35px;font:34px Arcade,monospace;z-index:3}.player-info{padding:42px}.player-info h3{font-size:58px;margin-bottom:10px}.player-info #player-position{font-size:16px;font-weight:800}.stats{display:flex;gap:12px;margin:26px 0 15px}.stats>div{flex:1;text-align:center;border:2px solid var(--ink);border-radius:8px;padding:15px 8px;background:var(--yellow)}.stats strong{display:block;font:25px Arcade,monospace;margin-bottom:12px}.stats span{font:8px Arcade,monospace}.data-note{font-size:12px;line-height:1.6;max-width:42ch}.player-picker{display:flex;gap:14px;margin-top:25px}.player-picker button{flex:1;border:3px solid var(--ink);border-radius:12px;background:var(--ivory);box-shadow:3px 4px 0 var(--ink);padding:12px 10px;min-height:60px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s}.player-picker button:hover{transform:translateY(-4px)}.player-picker button[aria-pressed=true]{background:var(--yellow);transform:translateY(-5px)}.player-picker img{height:55px;width:40px;object-fit:contain;image-rendering:pixelated}.section-intro{margin-top:-10px}.gameplay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.gameplay-card .shot{position:relative;background:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--blue);margin-bottom:23px;overflow:hidden}.shot img{width:100%;height:245px;object-fit:cover;object-position:top;image-rendering:pixelated}.shot>span{position:absolute;bottom:0;left:0;background:var(--yellow);padding:11px 15px;border-top:3px solid var(--ink);border-right:3px solid var(--ink);font:9px/1.5 Arcade,monospace}.gameplay-card h3{margin-bottom:9px}.gameplay-card p{font-size:15px;margin-bottom:0}.special-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:var(--yellow);padding:25px;border:3px solid var(--ink);border-radius:18px}.special-card .shot{margin:0;box-shadow:4px 4px 0 var(--orange)}.special-card .eyebrow{display:block;margin:20px 0 0;font-size:8px}.controls{border:3px solid var(--ink);border-radius:12px;margin-top:40px;background:var(--ivory)}summary{cursor:pointer;min-height:48px;padding:18px;font-weight:800}summary span{float:right}.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 30px}.control-columns p{font-size:14px;line-height:2}kbd{font:12px monospace;background:var(--yellow);padding:4px;border:1px solid var(--ink);border-radius:3px}.capture-note{font-size:11px;line-height:1.6;margin:20px 0 0}.modes{border-block:3px solid var(--ink);background-image:radial-gradient(var(--orange) 1px,transparent 1px);background-size:16px 16px}.modes h2{max-width:750px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.mode{display:flex;flex-direction:column;align-items:start;background:var(--ivory);padding:28px;border:3px solid var(--ink);border-radius:18px;box-shadow:var(--hard-shadow);text-decoration:none;transition:transform .2s}.mode:nth-child(2){background:var(--blue);transform:rotate(2deg)}.mode:nth-child(3){background:var(--orange);transform:rotate(-2deg)}.mode:hover{transform:translateY(-8px) rotate(0)}.mode-icon{font-size:45px;line-height:1;margin:0 0 25px}.mode .eyebrow{font-size:8px}.mode h3{font-size:30px}.mode p{font-size:15px}.mode-cta{margin-top:auto;padding-top:20px;font:9px/1.7 Arcade,monospace}.season-link{display:inline-block;margin-top:35px;font-weight:700;font-size:14px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.news-card{display:block;text-decoration:none;border:3px solid var(--ink);border-radius:16px;background:var(--yellow);box-shadow:4px 4px 0 var(--orange);overflow:hidden;transition:transform .2s}.news-card:nth-child(2){background:var(--blue)}.news-card:hover{transform:rotate(-1deg) translateY(-4px)}.news-card img{width:100%;height:230px;object-fit:cover;object-position:top;image-rendering:pixelated;border-bottom:3px solid var(--ink)}.news-copy{padding:25px}.news-copy .eyebrow{font-size:8px;margin-bottom:12px}.news-copy h3{font-size:31px}.news-copy p{font-size:14px}.news-meta{font:11px/1.7 monospace}.origin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.origin-grid p{max-width:53ch}.origin-mark{position:relative;font-size:360px;color:var(--yellow);line-height:1;text-align:center;transform:rotate(-8deg);text-shadow:5px 5px 0 var(--ink)}.origin-mark span{position:absolute;inset:30% 0 auto;font:1000 30px/.95 Arial Black,Arial;color:var(--ink);text-shadow:none;transform:rotate(8deg)}.origin small{display:block;margin-top:20px;font-size:11px}.origin .button{margin-top:10px}footer{padding:40px 0;background:var(--ivory);border-top:3px solid var(--ink)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top nav{display:flex;gap:20px;flex-wrap:wrap}.footer-top a{font-size:12px;font-weight:800;display:flex;align-items:center;min-height:44px}.disclaimer-short{font-size:12px;margin:22px 0}.legal-details{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.legal-details details{border-top:2px solid var(--ink);font-size:12px;scroll-margin-top:20px}.legal-details details[open]{grid-column:1/-1}.legal-details summary{padding:12px 0;font-size:11px}.legal-details p{font-size:13px;max-width:90ch}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--ink);color:var(--ivory);padding:15px}.skip:focus{top:10px}:focus-visible{outline:4px solid var(--ink);outline-offset:5px}.play:focus-visible{outline-color:var(--orange)}[hidden]{display:none!important}@media(min-width:1600px){.hero-inner{min-height:730px}.hero-world{min-height:590px}.goku{height:490px}.vegeta{height:360px}.piccolo{height:390px}}@media(max-width:1000px){.site-header{padding:15px 25px;flex-wrap:wrap}.site-header nav{gap:20px;flex:1;justify-content:end}.nav-logo{width:200px}.hero-inner{width:calc(100% - 50px);gap:30px}.hero h1{font-size:49px}.hero-world{min-height:450px}.goku{height:360px;left:30%}.vegeta{height:265px;left:0}.piccolo{height:280px;right:-5px}.hero .eyebrow{font-size:8px}.hero .button{padding:14px;font-size:9px}.comic-burst{right:-10px;font-size:20px;top:100px;padding:16px}.intro-grid{gap:45px}.player-info{padding:30px}.player-picker{gap:8px}.player-picker button{gap:6px;font-size:12px}.origin-mark{font-size:290px}.origin-mark span{font-size:25px}.mode{padding:23px}.mode h3{font-size:26px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.section{padding:55px 0}.site-header{padding:13px 20px;gap:12px}.site-header>a{flex:1}.nav-logo{width:190px}.site-header nav{display:contents}.site-header nav>a:not(.button){display:none}.nav-play{font-size:8px;padding:10px 11px;min-height:43px;box-shadow:3px 3px 0 var(--ink)}.hero-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:40px;padding:32px 0 55px;min-height:0}.hero-copy{text-align:center}.hero .eyebrow{font-size:8px;margin-bottom:14px}.hero-logo{max-width:420px;width:100%;margin:15px auto 25px}.hero h1{font-size:clamp(40px,10.5vw,62px);line-height:1}.hero-copy>p:not(.eyebrow):not(.tiny){font-size:15px;margin-inline:auto}.actions{justify-content:center;gap:12px}.hero .button{font-size:8px;min-height:52px;padding:14px 15px}.hero-copy .tiny{font-size:8px;max-width:34ch;margin:20px auto 0}.hero-world{min-height:355px;width:100%;max-width:480px;margin:0 auto 15px}.world-label{font-size:6px!important;top:22px;padding:8px}.goku{height:295px;left:32%;bottom:10px}.vegeta{height:220px;left:3%;bottom:15px}.piccolo{height:238px;right:0;bottom:14px}.comic-burst{top:75px;right:-4px;font-size:17px;padding:13px}.world-cloud{top:80px;transform:scale(.65)}.cloud-two{top:115px}.stadium-stands{height:70px}.world-field{height:35%;font-size:25px}.world-caption{bottom:-29px;font-size:7px;left:13%}.hero-ribbon{font-size:9px;padding:16px}.intro-grid,.player-showcase,.gameplay-grid,.special-card,.mode-grid,.news-grid,.origin-grid{grid-template-columns:1fr}.intro-grid{gap:50px}.intro .screenshot{margin:10px 10px 0}.screenshot img{height:265px}.sticker{font-size:7px;right:-10px;padding:12px}.intro h2{font-size:44px}.section-heading{align-items:start;gap:20px;flex-wrap:wrap;margin-bottom:30px}.section-heading>p{font-size:15px}.player-stage{border-right:0;border-bottom:3px solid var(--ink);min-height:320px}.player-stage>img{height:295px}.stage-star{font-size:290px}.player-info{padding:25px}.player-info h3{font-size:48px}.stats{margin-top:20px}.stats strong{font-size:23px}.player-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.player-picker button{justify-content:start;padding-inline:16px;font-size:13px}.player-picker img{height:44px}.player-picker button[aria-pressed=true]{transform:none}.gameplay-grid{gap:32px}.shot img{height:210px}.special-card{padding:18px;gap:25px}.special-card .shot img{height:190px}.control-columns{grid-template-columns:1fr;padding:10px 20px;gap:10px}.controls summary{font-size:14px}.mode-grid{gap:24px}.mode:nth-child(2),.mode:nth-child(3){transform:none}.mode{padding:25px}.mode-icon{font-size:35px;margin-bottom:20px}.mode h3{font-size:31px}.news-card img{height:210px}.origin-grid{gap:25px}.origin-mark{font-size:240px;margin-top:-15px}.origin-mark span{font-size:23px}.origin h2{font-size:38px}.origin p{font-size:16px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top img{width:220px}.footer-top nav{gap:10px 18px}.legal-details{grid-template-columns:repeat(2,1fr)}p{font-size:16px}h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.mobile-menu{display:none}@media(max-width:700px){.mobile-menu{display:block;position:relative}.mobile-menu summary{font-size:10px;padding:12px 5px;list-style:none;min-height:44px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;right:0;top:50px;min-width:210px;padding:12px;background:var(--ivory);border:3px solid var(--ink);border-radius:10px;box-shadow:var(--hard-shadow);z-index:20}.mobile-menu a{display:block;padding:14px;font-size:14px;font-weight:800}.hero-world{overflow:visible}}
.simulation{border-bottom:3px solid var(--ink)}.sim-badge{background:var(--orange);border:3px solid var(--ink);padding:16px 22px;transform:rotate(5deg);font:1000 22px/.95 Arial Black,Arial;box-shadow:4px 4px 0 var(--ink)}.simulation-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.sim-steps{list-style:none;padding:0;counter-reset:sim;margin:28px 0}.sim-steps li{counter-increment:sim;position:relative;padding:0 0 23px 45px}.sim-steps li:before{content:'0' counter(sim);position:absolute;left:0;top:4px;font:12px Arcade,monospace}.sim-steps strong{display:block;font-size:18px;margin-bottom:7px}.sim-steps span{display:block;font-size:14px;line-height:1.65}.simulation .actions{align-items:center;margin-top:0}.simulation .button{font-size:9px;padding:17px}.sim-note{font-size:12px;line-height:1.65;margin:20px 0 0}.season-preview{border:3px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--yellow);box-shadow:6px 6px 0 var(--blue)}.sim-scoreboard{padding:25px 25px 20px;border-bottom:3px solid var(--ink);background:var(--blue)}.sim-scoreboard .eyebrow{font-size:8px}.sim-scoreboard h3{font-size:32px;margin:12px 0 20px}.qb-picker{display:flex;gap:12px}.qb-picker button{border:3px solid var(--ink);border-radius:8px;background:var(--ivory);display:flex;align-items:center;justify-content:center;gap:16px;flex:1;min-height:85px;font-weight:900;font-size:18px;box-shadow:3px 3px 0 var(--ink)}.qb-picker button[aria-pressed=true]{background:var(--yellow);transform:translateY(-3px)}.qb-picker img{height:65px;width:35px;object-fit:contain;image-rendering:pixelated}.season-record{display:flex;align-items:center;gap:25px;padding:24px 25px 15px}.season-record strong{font:34px Arcade,monospace;white-space:nowrap}.season-record span{font-size:12px;line-height:1.6}.sim-table{width:calc(100% - 50px);border-collapse:collapse;margin:0 25px 15px;font-size:12px;text-align:left}.sim-table th,.sim-table td{border-bottom:1px solid var(--ink);padding:10px 3px}.sim-table th{font-size:10px;text-transform:uppercase}.preview-note{margin:15px 25px 25px}.sim-full{margin:0 25px;font-size:12px;border-block:1px solid var(--ink)}.sim-full summary{padding:13px 0;min-height:44px}.sim-full .sim-table{margin:0;width:100%}.sim-error{padding:25px}@media(max-width:760px){.simulation-grid{grid-template-columns:1fr;gap:30px}.sim-badge{font-size:17px;padding:14px}.simulation .section-heading{gap:25px}.simulation .section-heading h2{font-size:37px}.sim-scoreboard{padding:22px}.season-record{gap:20px}.season-record strong{font-size:29px}.simulation .button{font-size:8px}.simulation .text-link{font-size:14px}}

.sim-unit{margin:0 25px 18px;font-size:12px}