:root{--red:#ef233c;--yellow:#ffd60a;--orange:#ff7b00;--blue:#00a8e8;--navy:#111827;--cream:#fff7d6;--ink:#101010;--white:#fff;--border:4px solid var(--ink);--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:18px/1.55 "Trebuchet MS",Arial,sans-serif;background-color:var(--cream);background-image:radial-gradient(#e2c75b 1.2px,transparent 1.2px);background-size:18px 18px}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-burst,.comic-button,.coming-soon,.play-now,.genre,.kicker{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.035em;text-transform:uppercase}.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}
.rr-wordmark{white-space:nowrap;text-transform:none}.rr-wordmark .rr-num{font-size:.55em;line-height:1;vertical-align:baseline;display:inline}
.site-header{height:82px;padding:10px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;z-index:50;background:var(--red);border-bottom:5px solid var(--ink)}.brand-burst{position:relative;z-index:0;display:inline-flex;align-items:baseline;font-size:clamp(25px,3vw,39px);line-height:1;text-decoration:none;transform:rotate(-3deg);padding:8px 18px}.brand-burst:before{content:"";position:absolute;inset:-9px -16px;z-index:-1;background:var(--yellow);clip-path:polygon(0 35%,13% 29%,6% 5%,29% 17%,39% 0,52% 16%,70% 2%,77% 25%,100% 20%,89% 49%,100% 68%,76% 73%,73% 100%,51% 84%,35% 100%,27% 76%,3% 83%,12% 57%);border:0}.site-header nav{display:flex;gap:8px}.site-header nav a{padding:8px 12px;font-weight:900;text-decoration:none;text-transform:uppercase;color:white;text-shadow:2px 2px 0 var(--ink)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--yellow)}.menu-toggle{display:none;border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:8px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:3px;background:var(--ink);margin:4px}
.hero{min-height:670px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--red),var(--orange));border-bottom:6px solid var(--ink)}.hero-copy{position:relative;z-index:3;padding:70px 7vw}.eyebrow,.kicker{font-size:.9rem;letter-spacing:.12em}.eyebrow{display:inline-block;padding:5px 11px;background:var(--yellow);border:3px solid var(--ink);transform:rotate(-1deg)}.hero h1{margin:10px 0 18px;color:white;font-size:clamp(70px,10vw,150px);line-height:.82;-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--ink)}.hero-copy>p:not(.eyebrow){max-width:650px;font-size:1.18rem;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.comic-button{display:inline-block;padding:13px 22px;border:var(--border);box-shadow:5px 5px 0 var(--ink);text-decoration:none;font-size:1rem}.comic-button:hover,.comic-button:focus-visible{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.yellow{background:var(--yellow)}.blue{background:var(--blue);color:white}.red{background:var(--red);color:white}
.hero-art{height:100%;min-height:600px;display:grid;place-items:center;position:relative}.spiral{position:absolute;width:min(640px,65vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(var(--yellow) 0 11deg,transparent 11deg 22deg);animation:spin 35s linear infinite}.spiral:after{content:"";position:absolute;inset:17%;border:5px solid var(--ink);border-radius:50%;background:rgba(255,255,255,.12)}@keyframes spin{to{transform:rotate(360deg)}}.featured-product{width:660px;height:670px;position:relative;z-index:2;transform:rotate(1deg) scale(.5);transform-origin:50% 50%}.game-box{width:390px;padding:18px 18px 25px 48px;position:absolute;left:20px;top:10px;background:linear-gradient(145deg,#eee,#aaa);border:9px solid var(--ink);box-shadow:20px 20px 0 rgba(0,0,0,.45)}.featured-art-link{display:block}.game-box img{width:100%;aspect-ratio:3/4;object-fit:cover;border:4px solid var(--ink)}.featured-art-link.is-playable img{cursor:pointer}.featured-art-link.is-playable:hover img,.featured-art-link.is-playable:focus-visible img,.game-cover-link:hover img,.game-cover-link:focus-visible img{filter:saturate(1.18) brightness(1.06)}.featured-art-link:focus-visible,.game-cover-link:focus-visible{outline:6px solid var(--yellow);outline-offset:-6px}.box-spine{position:absolute;left:0;top:0;width:38px;height:100%;background:var(--navy);color:white;border-right:4px solid var(--ink);writing-mode:vertical-rl;transform:rotate(180deg);display:grid;place-items:center;font-weight:900;font-size:20px}.platform-tag{display:block;margin-top:12px;text-align:center;font:24px Impact;background:var(--yellow);border:3px solid var(--ink)}.game-disc{width:325px;aspect-ratio:1;position:absolute;right:0;bottom:20px;border-radius:50%;border:9px solid var(--ink);background:conic-gradient(var(--yellow),var(--red),var(--blue),var(--yellow));box-shadow:14px 14px 0 rgba(0,0,0,.4);display:grid;place-content:center;text-align:center}.game-disc:before{content:"";position:absolute;inset:38%;border-radius:50%;background:#ddd;border:6px solid var(--ink)}.game-disc span,.game-disc strong{position:relative;z-index:1;background:white;border:3px solid var(--ink);padding:2px 10px}.game-disc strong{margin-top:70px;font:34px/1 Impact}
.arcade,.about{padding:90px clamp(20px,7vw,110px)}.section-heading{max-width:870px;margin:0 auto 48px;text-align:center}.section-heading .kicker{color:var(--red);margin-bottom:7px}.section-heading h2,.merch h2{font-size:clamp(42px,6vw,76px);line-height:.95;margin-bottom:20px}.section-heading>p:last-child{font-size:1.08rem}.game-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1250px;margin:auto}.game-card{background:white;border:var(--border);box-shadow:var(--shadow);transform:rotate(-1deg);overflow:hidden}.game-card:nth-child(2){transform:rotate(1deg)}.game-card:nth-child(3){transform:rotate(-.5deg)}.game-cover-link{display:block}.game-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-bottom:4px solid var(--ink)}.game-card-copy{padding:24px}.genre{display:inline-block;background:var(--blue);color:white;border:2px solid var(--ink);padding:2px 8px;font-size:.75rem}.game-card h3{font-size:2rem;margin:10px 0}.game-card p{min-height:112px}.coming-soon,.play-now{display:inline-block;background:var(--yellow);border:3px solid var(--ink);padding:7px 12px}.play-now{box-shadow:4px 4px 0 var(--ink);text-decoration:none}.play-now:hover,.play-now:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background:var(--red);color:white}
.music{padding:90px clamp(20px,7vw,110px);background:var(--navy);color:white;border-block:6px solid var(--ink);overflow:hidden}.section-heading.light .kicker{color:var(--yellow)}.music-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1120px;margin:auto}.music-visual{height:470px;position:relative}.album-sleeve{position:absolute;z-index:2;left:4%;top:20px;width:340px;aspect-ratio:1;background:linear-gradient(135deg,var(--red) 0 44%,var(--yellow) 44% 61%,var(--blue) 61%);border:7px solid var(--ink);box-shadow:14px 14px 0 #000;transform:rotate(-5deg);padding:30px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.album-sleeve strong{font:48px/.9 Impact}.album-sleeve em,.album-sleeve b{font:24px Impact}.album-sleeve b{align-self:flex-end;background:white;border:3px solid var(--ink);padding:5px}.vinyl{position:absolute;right:2%;top:50px;width:350px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(#181818 0 7px,#272727 8px 11px);border:7px solid #000;box-shadow:12px 12px 0 rgba(0,0,0,.5);display:grid;place-items:center}.vinyl:before{content:"";position:absolute;inset:33%;border-radius:50%;background:var(--yellow);border:4px solid var(--ink)}.vinyl:after{content:"";position:absolute;width:22px;aspect-ratio:1;border-radius:50%;background:white;border:3px solid var(--ink)}.vinyl span{position:relative;z-index:2;color:var(--ink);font-weight:900;font-size:13px}.streaming{display:grid;gap:14px}.streaming>a{display:flex;justify-content:space-between;padding:15px 20px;background:white;color:var(--ink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--red);text-decoration:none;font-weight:900}.streaming>a:nth-child(even){box-shadow:5px 5px 0 var(--blue)}.streaming>a:hover{background:var(--yellow)}.streaming p{font-size:.9rem;color:#dbeafe}
.popular-tracks{max-width:1120px;margin:70px auto 0;display:grid;grid-template-columns:280px 1fr;gap:35px;align-items:start}.track-heading{padding:24px;background:var(--yellow);color:var(--ink);border:4px solid #000;box-shadow:7px 7px 0 var(--red);transform:rotate(-1deg)}.track-heading .kicker{margin-bottom:4px}.track-heading h3{font-size:2.4rem;line-height:1;margin-bottom:10px}.track-heading>span{font-size:.8rem;font-weight:900;text-transform:uppercase}.track-embeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.track-embeds iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:3px solid #000;border-radius:10px;box-shadow:5px 5px 0 var(--blue);background:#121212}.track-embeds iframe:nth-child(even){box-shadow:5px 5px 0 var(--red)}
.merch{padding:90px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:660px}.merch-copy{max-width:660px}.merch-copy .kicker{color:var(--red)}.merch-copy>small{display:block;margin-top:18px}.merch-art{height:500px;position:relative}.poster{position:absolute;right:6%;top:0;width:280px;height:370px;padding:25px;background:var(--yellow);border:6px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(5deg)}.poster small,.poster strong{display:block;font-family:Impact}.poster strong{font-size:70px;line-height:.9;margin-top:90px;color:var(--red);-webkit-text-stroke:2px var(--ink)}.shirt{position:absolute;left:3%;top:70px;width:300px;height:330px;background:var(--red);border:6px solid var(--ink);clip-path:polygon(0 17%,25% 0,37% 8%,63% 8%,75% 0,100% 17%,84% 38%,75% 31%,75% 100%,25% 100%,25% 31%,16% 38%);display:grid;place-items:center;color:white}.shirt span{font:35px Impact;text-shadow:3px 3px 0 var(--ink)}.sticker{position:absolute;right:12%;bottom:4px;width:190px;aspect-ratio:1;border-radius:50%;border:6px solid var(--ink);background:var(--blue);color:white;display:grid;place-items:center;text-align:center;font:30px/1 Impact;transform:rotate(-8deg);box-shadow:8px 8px 0 var(--ink)}
.featured-merch{grid-column:1/-1;max-width:1120px;width:100%;margin:20px auto 0}.merch-heading{text-align:center;max-width:700px;margin:0 auto 32px}.merch-heading .kicker{color:var(--red);margin-bottom:5px}.merch-heading h3{font-size:clamp(36px,5vw,58px);line-height:1;margin-bottom:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{position:relative;display:grid;background:white;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);text-decoration:none;overflow:hidden;transform:rotate(-.6deg)}.product-card:nth-child(2){transform:rotate(.7deg)}.product-card:nth-child(3){transform:rotate(-.3deg)}.product-card:hover,.product-card:focus-visible{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.product-card img{width:100%;aspect-ratio:1;object-fit:cover;border-bottom:4px solid var(--ink)}.product-card .product-type{justify-self:start;margin:18px 18px 5px;padding:3px 8px;background:var(--yellow);border:2px solid var(--ink);font:12px Impact;text-transform:uppercase}.product-card strong{padding:0 18px;font:1.65rem Impact;text-transform:uppercase}.product-link{margin:14px 18px 20px;color:var(--red);font-weight:900;text-transform:uppercase}
.about{background:white}.feature-grid article{padding:28px;background:var(--cream);border:var(--border);box-shadow:var(--shadow)}.feature-grid article>span{font:50px Impact;color:var(--red)}.feature-grid h3{font-size:1.7rem;margin:5px 0}.cta{padding:80px 20px;text-align:center;background:var(--blue);border-block:6px solid var(--ink)}.cta h2{font:clamp(55px,8vw,110px)/.9 Impact;text-transform:uppercase;color:white;-webkit-text-stroke:3px var(--ink);text-shadow:7px 7px 0 var(--ink);margin-bottom:20px}.cta p{font-weight:900}footer{padding:30px clamp(20px,6vw,90px);display:flex;justify-content:space-between;gap:25px;background:var(--navy);color:white;font-size:.9rem}footer p{margin:0}
@media(max-width:900px){.site-header nav{display:none;position:absolute;left:0;right:0;top:77px;flex-direction:column;background:var(--red);border-bottom:5px solid var(--ink);padding:15px 24px}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center;padding-bottom:10px}.button-row{justify-content:center}.hero-art{min-height:440px}.game-grid,.feature-grid{grid-template-columns:1fr;max-width:520px}.game-card p{min-height:0}.music-layout,.merch{grid-template-columns:1fr}.music-visual,.merch-art{max-width:650px;width:100%;margin:auto}.merch-copy{text-align:center;margin:auto}.popular-tracks{grid-template-columns:1fr}.track-heading{max-width:420px;margin:auto;text-align:center}.product-grid{grid-template-columns:1fr;max-width:520px;margin:auto}}
@media(max-width:560px){body{font-size:16px}.site-header{height:72px}.brand-burst{font-size:25px}.site-header nav{top:67px}.hero h1{-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero-art{min-height:340px}.featured-product{transform:rotate(1deg) scale(.36)}.spiral{width:520px}.arcade,.about,.music,.merch{padding:65px 20px}.section-heading h2,.merch h2{font-size:42px}.music-visual{height:360px;transform:scale(.78);transform-origin:top center;margin-bottom:-75px}.merch-art{height:380px;transform:scale(.78);transform-origin:top center;margin-bottom:-80px}.track-embeds{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spiral{animation:none}}