@font-face{font-family:Peckham;src:url('assets/PeckhamPress.otf') format('opentype');font-display:swap}
.name-graffiti{filter:url('#rough-ink')}
body{isolation:isolate;background-image:radial-gradient(ellipse at 8% 16%,#70040466,transparent 45%),linear-gradient(110deg,transparent 40%,#09000166)}
body::before{background:url('assets/grit.svg');opacity:.23;mix-blend-mode:screen;z-index:8}body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(177deg,transparent 0 140px,#aba2830a 141px,transparent 142px 280px);z-index:-1}
button,a,summary{touch-action:manipulation}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{z-index:10}.page{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:80px}.identity{padding-top:14px}.portrait-wrap{width:138px;margin:0 0 16px 16px;transform:rotate(-5deg)}.portrait{width:138px;height:138px;border:3px solid var(--cream);filter:saturate(.65) contrast(1.08)}.portrait-wrap::before{content:"";position:absolute;inset:-9px -13px -8px -6px;border:4px solid var(--red);border-radius:44% 52% 46% 53%;transform:rotate(18deg)}.handwritten{left:128px;top:33px;font-size:50px;transform:rotate(-9deg);color:var(--cream);text-shadow:3px 3px var(--red)}
.name-wrap{position:relative;margin:30px 0 26px;isolation:isolate}.name-graffiti{position:absolute;width:115%;height:125%;left:-7%;top:-11%;color:var(--red);z-index:-1;transform:rotate(-8deg);opacity:.95}h1{font-family:Peckham,Impact,sans-serif;font-size:clamp(62px,6.45vw,85px);line-height:1.06;letter-spacing:-3px;margin:0;transform:rotate(-3deg);width:auto}.title-star{right:-8px;top:-16px;font-family:RoadRage,sans-serif;font-size:72px;color:var(--cream);transform:rotate(14deg)}.welcome{font-size:15px;color:var(--cream)}.welcome strong{font-family:RoadRage,cursive;font-size:37px;display:inline-block;transform:rotate(-4deg);margin-bottom:7px;position:relative}.welcome strong::after{content:"";position:absolute;bottom:3px;left:1px;width:98%;height:4px;background:var(--red);transform:rotate(-2deg)}.brand-lockup{gap:15px;margin-top:25px}.logo-mark{display:block;width:88px;height:76px;background:var(--cream);mask:url('assets/logo.png') center/contain no-repeat;-webkit-mask:url('assets/logo.png') center/contain no-repeat;transform:rotate(-8deg)}
.links{min-width:0}.section-label{letter-spacing:1px;margin-bottom:20px;color:var(--cream);transform:rotate(-1deg)}.section-label>span:first-child{padding:4px 0;border-bottom:1px dashed var(--taupe)}.section-label>span:last-child{font-family:RoadRage;font-size:38px;color:var(--red);line-height:20px}.release{position:relative;margin:0 0 24px;transform:rotate(1deg);box-shadow:7px 8px 0 var(--ink)}.release::after{content:"";position:absolute;left:0;right:0;height:8px;bottom:-6px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 50%,97% 30%,94% 90%,90% 40%,86% 90%,82% 20%,78% 70%,73% 30%,68% 90%,64% 35%,59% 90%,55% 20%,50% 70%,45% 30%,40% 80%,35% 20%,30% 90%,25% 30%,20% 80%,15% 30%,10% 90%,5% 30%,0 80%)}.release-image{height:235px}.release-image img{filter:saturate(.65) contrast(1.06)}.release-image::after{background:none;box-shadow:inset 0 0 35px #09000144;pointer-events:none}.release-tag{left:11px;top:14px;padding:9px 12px 7px;font-family:RoadRage,cursive;font-size:24px;line-height:1;font-weight:400;transform:rotate(-5deg);clip-path:polygon(1% 0,99% 3%,100% 86%,97% 100%,0 96%)}.release-info{padding:23px 21px 22px;gap:12px}.release-info>div{min-width:0}.credit{letter-spacing:1px;margin:0 0 8px}.release h2{font-family:Peckham,Impact,sans-serif;font-size:28px;letter-spacing:-.8px}.plus{font-family:RoadRage;font-size:43px;border:2px solid var(--cream);border-radius:43% 48% 44% 50%;width:44px;min-width:44px;height:44px;line-height:1}
.platforms{gap:10px}.platforms a{--icon-cutout:var(--deep);color:var(--cream);background:var(--deep);min-height:64px;display:grid;place-items:center;justify-content:center;border:1px solid var(--cream);transform:rotate(-1deg);padding:12px}.platforms a:nth-child(2){transform:rotate(1deg)}.platform-icon{width:34px;height:34px;display:block}.row-icon{width:32px;height:32px;flex:0 0 32px;display:block}
.link-row{--icon-cutout:var(--cream);color:var(--deep);background:var(--cream);border:0;gap:16px;padding:20px 19px;margin-bottom:15px;min-height:92px;position:relative;box-shadow:4px 5px 0 var(--ink)}.music-row{transform:rotate(-1deg)}.vlogs-row{--icon-cutout:var(--bordo);background:var(--bordo);color:var(--cream);transform:rotate(.7deg);border:1px solid var(--red)}.number{color:inherit;font-size:12px;flex:0 0 31px;align-self:center;padding-top:0;text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}.row-title{font-family:Peckham,Impact,sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.7px}.row-subtitle{color:inherit;margin-top:6px}.arrow{font-family:RoadRage;font-size:35px;line-height:1}.game{background:var(--red);color:var(--cream);transform:rotate(-1deg);margin-top:18px}.game .row-title{font-family:RoadRage,cursive;font-size:34px;line-height:.95;letter-spacing:.4px}.game .number{color:inherit;text-decoration-color:var(--cream)}.game .row-subtitle{color:inherit}.game-label{font-family:RoadRage;font-size:20px;border:2px solid var(--cream);border-radius:48% 43% 48% 40%;padding:6px 9px;transform:rotate(-12deg)}footer{margin-top:30px}
dialog{border:2px solid var(--red);box-shadow:10px 10px 0 var(--ink)}dialog h2{font-family:Peckham,Impact,sans-serif;font-size:34px;line-height:1.25;letter-spacing:-1px}dialog p{color:var(--cream)}.dialog-back{min-height:50px}
@media(hover:hover){.link-row:hover{transform:rotate(0) translateY(-3px);background:var(--cream);color:var(--deep)}.vlogs-row:hover{background:var(--bordo);color:var(--cream)}.game:hover{background:var(--red);color:var(--cream)}.platforms a:hover{--icon-cutout:var(--cream);background:var(--cream);color:var(--deep)}}
@media(max-width:1000px) and (min-width:701px){.page{gap:42px;padding:40px 32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}h1{font-size:clamp(48px,6.2vw,65px);letter-spacing:-2px}.release h2{font-size:24px}.row-title{font-size:19px}.link-row{gap:12px;padding:19px 14px}.game-label{display:none}.title-star{font-size:57px;right:-8px}.release-info{padding:20px 16px}.release-image{height:220px}}
@media(max-width:700px){.page{display:block;max-width:510px;padding:27px 22px 25px}.identity{position:static;text-align:center;padding:0}.portrait-wrap{margin:0 auto 13px;width:99px}.portrait{height:99px;width:99px;border-width:2px}.portrait-wrap::before{border-width:3px;inset:-6px -10px -5px -5px}.handwritten{font-size:37px;left:95px;top:22px}.name-wrap{width:fit-content;max-width:100%;margin:23px auto 18px}h1{font-size:clamp(53px,13.8vw,70px);line-height:1.05;letter-spacing:-2px;margin:0}h1 br{display:block}.name-graffiti{width:120%;left:-10%;top:-15%;height:135%}.title-star{display:block;font-size:48px;right:-29px;top:-8px}.welcome{font-size:13px;line-height:1.6;max-width:310px;margin:auto}.welcome strong{font-size:32px;margin-bottom:3px}.desktop-break{display:none}.brand-lockup{display:flex;margin:14px auto 0;justify-content:center;gap:10px;font-size:8px;letter-spacing:1px}.logo-mark{width:51px;height:44px}.links{margin-top:31px}.section-label{font-size:9px;margin-bottom:17px}.release-image{height:210px}.release-tag{font-size:22px;padding:8px 10px}.release-info{padding:19px 16px 20px;gap:10px}.release h2{font-size:clamp(22px,5.9vw,28px);line-height:1.25;letter-spacing:-.6px}.credit{font-size:9px;letter-spacing:.5px}.listen{font-size:11px}.plus{width:38px;height:38px;min-width:38px;font-size:37px}.platforms{padding:0 16px 19px;gap:10px}.platforms a{min-height:60px}.platform-icon{width:32px;height:32px}.link-row{min-height:88px;padding:18px 15px;gap:12px;margin-bottom:14px}.row-title{font-size:clamp(19px,5.2vw,24px);letter-spacing:-.8px}.row-icon{width:29px;height:29px;flex-basis:29px}.number{flex-basis:29px;font-size:10px}.row-subtitle{font-size:10px}.game{margin-top:18px}.game .row-title{font-size:30px}.game-label{display:block;font-size:17px;padding:5px 7px}.arrow{font-size:30px}footer{font-size:8px;gap:10px}.release{box-shadow:4px 5px 0 var(--ink)}dialog h2{font-size:29px}}
@media(max-width:360px){.page{padding:24px 16px}h1{font-size:51px}.title-star{right:-22px;font-size:39px}.release-info{padding-left:13px;padding-right:13px}.release h2{font-size:21px}.row-title{font-size:18px}.game-label{display:none}.game .row-title{font-size:29px}.link-row{gap:10px}.row-subtitle{font-size:9px}.row-icon{width:26px;height:26px;flex-basis:26px}.number{flex-basis:26px}dialog{padding-left:21px;padding-right:21px}dialog h2{font-size:26px}}
@media(max-width:700px){.name-graffiti{width:105%;left:-2.5%;transform:rotate(-5deg)}.title-star{right:0;top:-15px}}