@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f7efd9;--ink:#292522;--yellow:#efbd43;--purple:#b5a1cf;--line:#d3cab5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #755090;outline-offset:5px}header,main>section,footer{padding-inline:max(6vw,24px)}header{height:100px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:30px;letter-spacing:-1px;line-height:1}.brand span{font:8px monospace;letter-spacing:1.5px;display:block;margin-top:6px}nav{display:flex;gap:30px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:2px solid var(--ink);background:var(--yellow);border-radius:4px;padding:16px 23px;font-size:12px;font-weight:700;letter-spacing:.3px;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.button.ink{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 #a3987f}.button.small{padding:12px 16px;font-size:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:710px;padding-block:55px}.eyebrow,.section-label{font:10px monospace;letter-spacing:1.1px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:var(--ink);border-radius:50%}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}h1{font-size:clamp(72px,8.2vw,124px);line-height:.89;letter-spacing:-2.5px;margin:28px 0}h1 em,h2 em{font-style:normal;color:#8866a4}h1 em{white-space:nowrap}.hero-copy>p{font-size:16px;line-height:1.7;margin:26px 0}.actions{display:flex;align-items:center;gap:25px}.underlink{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:12px;padding:6px 0}.hero-note{font:9px monospace;letter-spacing:1px;margin-top:28px}.hero-art{position:relative;height:575px;display:flex;align-items:center;justify-content:center}.hero-art>img{width:110%;max-width:580px;position:relative;z-index:2;transform:rotate(-5deg);animation:swagger 5s ease-in-out infinite}.sunburst{position:absolute;width:95%;aspect-ratio:1;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;background-image:repeating-conic-gradient(from 20deg,#efbd43 0 20deg,#f3ca67 20deg 40deg)}.sticker{position:absolute;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:23px;line-height:.95;padding:16px 20px;border:2px solid var(--ink);z-index:3;box-shadow:3px 3px 0 var(--ink)}.top-sticker{right:0;top:20px;background:var(--paper);transform:rotate(9deg)}.bottom-sticker{left:5px;bottom:20px;background:var(--purple);transform:rotate(-10deg)}.scribble{position:absolute;z-index:4;left:10px;top:30px;transform:rotate(-13deg);font-family:Georgia,serif;font-style:italic;font-size:20px}.art-footnote{position:absolute;bottom:0;left:35px;font:9px monospace;transform:rotate(-4deg)}.spark{position:absolute;z-index:3;font-size:50px}.one{right:-10px;bottom:75px}.two{left:0;top:135px;font-size:37px}.marquee{background:var(--ink);color:var(--paper);padding:18px 0;display:flex;align-items:center;justify-content:center;gap:40px;white-space:nowrap;overflow:hidden;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;letter-spacing:1px}.marquee b{color:var(--yellow);font-size:29px}.section{padding-block:85px;border-bottom:2px solid var(--ink)}h2{font-size:clamp(44px,5vw,70px);line-height:.97;letter-spacing:-1px;margin:22px 0}p{line-height:1.7}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.story-grid h2{font-size:78px}.story-grid p{font-size:14px;max-width:470px;color:#645d53}.story-grid p.lead{font-size:24px;font-weight:600;color:var(--ink);line-height:1.4}.signature{font-family:Georgia,serif;font-style:italic;margin-top:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);margin-top:45px;border-radius:5px;background:#efe5ce}.stats>div{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 15px}.stats>div+div{border-left:2px solid var(--ink)}.stats strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:50px}.stats span{font:10px monospace;max-width:115px;line-height:1.6}.game-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:var(--purple)}.game-intro h2 em{color:var(--paper)}.game-intro p{font-size:14px}.rank{margin-top:30px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #8d7d9d;padding-top:20px}.rank>span{font:10px monospace}.rank strong{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:32px}.rank small{font:11px monospace}.game-box{background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:7px 7px 0 var(--ink);overflow:hidden}.scorebar{display:flex;justify-content:space-between;padding:18px 25px;border-bottom:2px solid var(--ink)}.scorebar>div{display:flex;flex-direction:column;gap:4px}.scorebar>div:last-child{text-align:right}.scorebar span{font:9px monospace;letter-spacing:1px}.scorebar strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px}.arena{height:345px;position:relative;background-color:#e5ddcb;background-image:linear-gradient(#c9c1af 1px,transparent 1px),linear-gradient(90deg,#c9c1af 1px,transparent 1px);background-size:100px 85px;overflow:hidden}.game-cover{position:absolute;inset:0;z-index:3;background:#f7efd9ed;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:20px}.game-cover[hidden]{display:none}.game-cover img{width:150px;height:150px;object-fit:contain}.game-cover h3{font-size:31px;margin:0 0 8px}.game-cover p{font-size:11px;margin:0 0 16px}#crumb{position:absolute;width:70px;height:70px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:36px;z-index:2;box-shadow:3px 3px 0 #29252255;touch-action:manipulation}#crumb:hover{background:#fff3bb}#crumb:active{transform:scale(.92)}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-top:2px solid var(--ink)}.game-bottom span{font:8px monospace}.game-bottom button{font-size:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.meme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.meme-card{border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:#eadcbf;display:flex;flex-direction:column}.meme-card:nth-child(2){background:var(--yellow)}.meme-card:nth-child(3){background:var(--purple)}.meme-top{display:flex;justify-content:space-between;font:9px monospace;padding:17px 20px}.meme-card img{height:175px;width:190px;object-fit:contain;align-self:center}.meme-card p{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:31px;line-height:1.05;margin:15px 24px 25px;flex:1;min-height:98px}.download{display:flex;justify-content:space-between;padding:16px 20px;border:0;border-top:2px solid var(--ink);background:transparent;font-size:10px;font-weight:700}.download:hover{background:var(--paper)}.custom{margin-top:35px;padding-top:30px;border-top:1px dashed #a49b85;display:flex;justify-content:space-between;align-items:center;gap:30px}.custom h3{font-size:28px;margin:0}.custom p{font-size:12px;margin:6px 0}.custom form{display:flex;flex:1;max-width:580px;gap:10px}input{width:100%;min-width:0;background:#fff8e8;border:2px solid var(--ink);border-radius:4px;padding:14px;font-size:12px}.custom button{white-space:nowrap;font-size:10px;padding-inline:15px}.notice{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.notice h2{font-size:48px}.notice p{font-size:14px;max-width:430px;color:#645d53}dl{align-self:center;margin:0}dl>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}dt{color:#645d53}dd{margin:0;text-align:right}.status-dot{display:inline-block;background:#7b6740;border-radius:50%;width:7px;height:7px;margin-right:6px}.closing{position:relative;text-align:center;background:var(--yellow);padding-block:70px;overflow:hidden;border-bottom:2px solid var(--ink)}.closing h2{font-size:clamp(48px,6vw,85px);margin:25px 0 35px}.closing h2 em{color:var(--ink)}.closing-mark{position:absolute;right:6%;top:60px;font-size:90px;color:#b18525;transform:rotate(15deg)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px}footer p{font-size:10px;color:#645d53}footer>span{font:9px monospace}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:var(--ink);color:var(--paper);padding:14px 20px;border-radius:5px;font-size:12px;display:none;text-align:center;max-width:90vw;width:max-content}#toast.visible{display:block}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:99;background:var(--yellow);padding:15px}@keyframes swagger{50%{transform:rotate(-2deg) translateY(-5px)}}@media(min-width:1500px){header,main>section,footer{padding-inline:calc((100vw - 1320px)/2)}}@media(max-width:1000px){.hero-art{height:460px}.hero{min-height:620px}.sticker{font-size:20px}.actions{gap:17px;flex-wrap:wrap}.story-grid,.game-section,.notice{gap:35px}.game-intro h2{font-size:55px}.stats>div{gap:12px}.custom{flex-direction:column;align-items:stretch;gap:15px}.custom form{max-width:none}.closing-mark{font-size:60px;right:3%}}@media(max-width:680px){header{height:85px;padding-inline:20px}.brand{font-size:26px}nav{display:none}.button.small{font-size:9px;padding:10px}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.eyebrow{font-size:8px;letter-spacing:.5px}h1{font-size:clamp(69px,15vw,100px)}.hero-art{height:420px;max-width:390px;width:100%;margin:auto}.hero-art>img{max-width:420px}.scribble{font-size:16px;top:12px}.top-sticker{top:10px;font-size:20px}.bottom-sticker{bottom:10px}.art-footnote{bottom:-12px}.hero-copy>p{font-size:15px}.hero-note{font-size:8px}.hero .underlink{font-size:11px}.section{padding-block:50px}.story-grid,.game-section,.notice{grid-template-columns:1fr;gap:15px}.story-grid h2{font-size:66px}.stats{margin-top:25px}.stats>div{flex-direction:column;text-align:center;gap:3px;padding:20px 8px}.stats strong{font-size:38px}.stats span{font-size:8px}.game-intro h2{font-size:58px}.rank{margin:20px 0}.arena{height:330px}.game-cover h3{font-size:29px}.game-bottom{padding:13px 10px}.game-bottom span{font-size:7px}.section-head{display:block}h2{font-size:47px}.meme-grid{grid-template-columns:1fr}.meme-card img{height:210px;width:230px}.meme-card p{min-height:0;font-size:36px}.custom form{flex-direction:column}.custom .button{padding:16px}.notice h2{font-size:44px}.closing-mark{display:none}.closing .section-label{font-size:8px}.closing h2{font-size:52px}.closing{padding-block:50px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.marquee{justify-content:flex-start;padding-left:24px;font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Final preview refinements */
.practice-option{display:flex;align-items:center;gap:8px;font-size:11px;margin:0 0 14px;cursor:pointer}.practice-option input{width:16px;height:16px;accent-color:#755090;padding:0}.game-help{font-size:10px;line-height:1.6;margin:0;padding:0 16px 14px;color:#645d53}.caption-help{font-size:11px;color:#645d53;text-align:right;margin:15px 0 0}.noscript{padding:20px;text-align:center;background:var(--yellow)}.underlink{min-height:44px}.game-cover img{height:125px;width:125px}.game-bottom{flex-wrap:wrap}.game-bottom [hidden]{display:none}.hero-copy{min-width:0}h1 em{white-space:normal}.hero-art>img{max-width:100%;width:100%}.spark.one{right:0}button[hidden]{display:none!important}@media(max-width:680px){.caption-help{text-align:left}.game-cover h3{font-size:26px}.game-cover p{margin-bottom:10px}.practice-option{margin-bottom:10px}.game-cover .button{padding:12px 20px}}