@font-face{font-family:PTGDisplay;src:url('/assets/fonts/Anton-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:PTGBody;src:url('/assets/fonts/Barlow-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#f6f0e4;--ink:#191818;--red:#ed392d;--purple:#653ed0;--gold:#efbd40}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.5 PTGBody,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:3px}a:focus-visible,summary:focus-visible{outline:3px solid #f13b2f;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.tag{font-family:PTGDisplay,Impact,sans-serif;font-weight:400;line-height:1.05}h1{font-size:clamp(3.4rem,9vw,7.6rem);margin-bottom:24px;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:2rem}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.top{background:var(--ink);color:white;border-bottom:5px solid var(--red)}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:90px}.brand{display:block;line-height:0}.brand img{width:160px;height:auto}.top nav{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:17px}.top nav a{padding:12px 0;text-decoration:none}.top [aria-current=page]{color:#ffca57}.hero{padding:70px 0 48px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:14px;font-weight:bold;margin-bottom:22px}.intro{font-size:clamp(21px,2.4vw,27px);max-width:760px}.badge{display:inline-block;font:13px/1.3 PTGBody,Arial,sans-serif;font-weight:bold;letter-spacing:.07em;text-transform:uppercase;background:#e4d7fd;padding:8px 12px;border:1px solid currentColor}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:14px 24px;background:var(--ink);color:white;text-decoration:none;border:2px solid var(--ink);font-weight:bold}.button.primary{background:var(--red);border-color:var(--red)}.button.light{background:transparent;color:var(--ink)}.button:hover{transform:translateY(-2px)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game{position:relative;padding:36px;border:2px solid var(--ink);overflow:hidden}.game p{max-width:540px}.game.jank{background:#2e1658;color:white}.game.jank .badge{background:#d6ff00;color:#201737}.game.fifth{background:#191e26;color:white}.game.fifth .badge{background:#efbd40;color:#191818}.game h2{font-size:clamp(2.8rem,5vw,4.5rem)}.game .button{background:#d6ff00;color:#201737;border-color:#d6ff00}.game.fifth .button{background:#efbd40;border-color:#efbd40;color:#191818}.game .detail{font-size:16px;opacity:.9}.game .series{font-size:15px;letter-spacing:.16em;margin:14px 0 25px;text-transform:uppercase}.logo-jank{width:220px;height:220px;object-fit:contain;display:block;margin:-28px 0 -12px}.game.jank .logo-jank{width:180px;height:180px}.section{padding:20px 0 64px}.note{max-width:780px;border-left:5px solid var(--purple);padding:18px 24px;background:#ede3fa}.note p:last-child{margin-bottom:0}.facts{padding:24px 0 8px;border-top:2px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.facts strong{display:block;font-size:19px}.facts p{font-size:17px}.steps{margin:0;padding-left:25px;max-width:780px}.steps li{padding-left:8px;margin-bottom:15px}.studio{background:#e9dfce;padding:28px;border:1px solid #ad9e8a;margin-top:34px;max-width:880px}.studio summary{font-size:21px;font-weight:bold;cursor:pointer}.studio p{max-width:730px}.studio[open] summary{margin-bottom:20px}.studio .fine{font-size:16px}.game-hero{position:relative;padding:48px 0 42px;color:white;background:#2e1658}.game-hero.fifth{background:#191e26;border-bottom:8px solid var(--gold)}.game-hero.jank{border-bottom:8px solid #d6ff00}.game-hero .button{background:#d6ff00;border-color:#d6ff00;color:#201737}.game-hero.fifth .button{background:#efbd40;border-color:#efbd40;color:#191818}.game-hero .button.light{background:transparent;border-color:white;color:white}.game-hero h1{font-size:clamp(3.4rem,8vw,6.5rem)}.game-hero .intro{max-width:780px}.game-hero .badge{background:transparent;color:inherit}.back{display:inline-block;margin-bottom:25px;font-size:16px}.body-space{padding-top:42px}.fine{font-size:16px}.finals{background:#e3d2f5;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:36px;margin:36px 0 0}.finals p{max-width:760px}.finals h2{margin-bottom:18px}.footer{margin-top:25px;background:var(--ink);color:#eee;padding:35px 0;font-size:15px}.footer .wrap{display:flex;gap:30px;justify-content:space-between;align-items:center}.footer p{max-width:700px;margin:0}.footer nav{display:flex;gap:24px;flex-wrap:wrap}body[data-page=finals] .hero h1{color:var(--purple)}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.top .wrap{padding:18px 0;display:block}.top nav{gap:10px 20px;margin-top:12px}.top nav a{padding:6px 0}.brand img{width:135px}.hero{padding-top:38px}.grid,.facts{grid-template-columns:1fr}.game{padding:28px}.section{padding-bottom:40px}.finals,.studio{padding:23px}.game-hero{padding-top:30px}.footer .wrap{display:block}.footer nav{margin-top:20px}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}