:root{--ink:#151515;--paper:#f5eedf;--pink:#ff4d9d;--yellow:#f2b61f;--blue:#63c9f5;--cream:#fff8e7;--shadow:8px 8px 0 rgba(20,20,20,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper) url('../assets/background/paper.jpg') repeat;color:var(--ink);font-family:"Trebuchet MS","Arial Rounded MT Bold",sans-serif;overflow-x:hidden}.topbar{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(1500px,calc(100% - 80px));height:72px;padding:9px 18px;display:flex;justify-content:space-between;align-items:center;background:#fff6df;border:3px solid var(--ink);border-radius:20px 16px 23px 17px;box-shadow:5px 6px 0 rgba(0,0,0,.14)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:900;font-size:24px}.brand img{width:48px;height:48px}.brand b{color:var(--pink);font-size:16px}.topbar nav{display:flex;gap:30px}.topbar nav a{color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:.04em;position:relative}.topbar nav a:after{content:"";position:absolute;height:4px;background:var(--pink);left:0;right:100%;bottom:-8px;transition:.2s}.topbar nav a:hover:after{right:0}.scene{min-height:1080px;position:relative;isolation:isolate}.hero{padding:160px max(90px,calc((100vw - 1600px)/2)) 100px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;background:linear-gradient(#6ed2ff 0 58%,#9ad66f 58% 80%,#e8bf68 80%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,#fff8 0 3%,transparent 3.3%),radial-gradient(circle at 78% 20%,#fff7 0 5%,transparent 5.4%),linear-gradient(transparent 76%,rgba(66,114,42,.18));background-size:380px 260px,520px 320px,100% 100%;opacity:.9;z-index:-2}.hero:after{content:"";position:absolute;left:-2%;right:-2%;bottom:18%;height:170px;background:repeating-linear-gradient(165deg,transparent 0 20px,rgba(32,112,54,.16) 22px 24px);filter:blur(.2px);z-index:-1}.hero-copy{max-width:820px;position:relative;z-index:3}.scribble-label,.section-kicker{display:inline-block;background:var(--pink);color:#fff;padding:10px 16px;transform:rotate(-2deg);font-weight:900;letter-spacing:.08em;box-shadow:4px 4px 0 var(--ink)}h1{margin:20px 0 0;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:clamp(92px,7vw,148px);line-height:.8;letter-spacing:-.08em;text-shadow:5px 6px 0 #fff3,8px 9px 0 rgba(0,0,0,.11);transform:rotate(-2deg)}h1 span{display:inline-block;-webkit-text-stroke:3px var(--ink);text-shadow:4px 5px 0 var(--ink)}.word-yellow{color:var(--yellow)}.word-pink{color:var(--pink)}.word-blue{color:#52b7e8}.ticker{display:inline-block;margin:26px 0 14px;background:#fff4cf;border:3px solid var(--ink);padding:10px 20px;border-radius:17px;font-size:34px;font-weight:900;transform:rotate(1deg)}.hero-copy>p{font-size:25px;max-width:650px;line-height:1.35;font-weight:700}.ca-card{margin-top:34px;background:rgba(255,248,231,.94);border:3px solid var(--ink);padding:16px 18px;border-radius:18px;box-shadow:var(--shadow);max-width:760px}.ca-card small{display:block;font-weight:900;letter-spacing:.13em;margin-bottom:8px}.ca-card>div{display:flex;gap:12px;align-items:center}.ca-card code,.final-ca code{background:#ffd05b;border:2px solid var(--ink);padding:13px 14px;flex:1;font-family:monospace;font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis}.copy,.btn{border:3px solid var(--ink);font:900 17px inherit;cursor:pointer;box-shadow:4px 5px 0 var(--ink);transition:.14s transform,.14s box-shadow}.copy{background:var(--pink);color:#fff;padding:12px 18px}.copy:hover,.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--ink)}.copy:active,.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.hero-actions,.final-actions{display:flex;gap:18px;margin-top:28px}.btn{display:inline-flex;min-width:205px;justify-content:center;text-decoration:none;padding:16px 25px;border-radius:16px;color:#fff}.btn.black{background:#171717}.btn.pink{background:var(--pink)}.hero-character-wrap{position:relative;height:820px;display:grid;place-items:end center;z-index:2}.hero-character{width:min(720px,45vw);max-height:820px;object-fit:contain;filter:drop-shadow(18px 23px 0 rgba(0,0,0,.18));animation:bob 4s ease-in-out infinite;transform-origin:50% 80%;position:relative;z-index:3}.hat-halo{position:absolute;width:540px;height:540px;border-radius:50%;background:#fff6;filter:blur(12px);top:80px;right:40px}.note{position:absolute;background:#fff8df;border:3px solid var(--ink);padding:10px 14px;font-weight:900;box-shadow:4px 4px 0 var(--ink);z-index:4}.note-a{right:15px;top:120px;transform:rotate(8deg)}.note-b{left:5px;bottom:110px;transform:rotate(-7deg)}.sky-doodles span{position:absolute;font:900 58px "Comic Sans MS";z-index:1;animation:drift 5s ease-in-out infinite}.sky-doodles span:nth-child(1){left:50%;top:22%;color:var(--pink)}.sky-doodles span:nth-child(2){left:93%;top:27%;color:#fff}.sky-doodles span:nth-child(3){left:42%;top:42%;color:#fff}.sky-doodles span:nth-child(4){left:89%;top:70%;color:#f6db32}.ground-line{position:absolute;bottom:17%;left:0;right:0;border-bottom:5px dashed #4d7d34}.marquee{overflow:hidden;background:#ffd534;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);height:76px;display:flex;align-items:center}.marquee>div{display:flex;gap:46px;white-space:nowrap;font-size:27px;font-weight:900;animation:marquee 18s linear infinite}.marquee b{color:var(--pink)}.paper-section{min-height:760px;padding:110px max(100px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:480px 1fr 120px;gap:80px;align-items:center;position:relative}.portrait-card{background:#fffaf0;border:3px solid var(--ink);padding:18px 18px 28px;box-shadow:13px 15px 0 rgba(0,0,0,.12);transform:rotate(-5deg)}.portrait-card img{width:100%;height:400px;object-fit:cover;object-position:center 33%;background:#f8cf66}.portrait-card span{display:block;text-align:center;font-weight:900;margin-top:14px}.copy-block h2,.rules-board h2,.gallery-section h2,.final-copy h2{font:900 62px/1.02 "Comic Sans MS","Trebuchet MS";margin:20px 0}.copy-block p,.final-copy p{font-size:24px;line-height:1.5;max-width:760px}.tiny-rules{display:flex;gap:10px;flex-wrap:wrap}.tiny-rules span{background:#fff;border:2px solid var(--ink);padding:8px 11px;transform:rotate(-1deg);font-weight:800}.doodle-bone{font-size:95px;transform:rotate(25deg);color:var(--pink)}.blue-section{min-height:820px;background:#64c9f2;position:relative;padding:100px max(100px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.rules-board{background:#fff2d4;border:4px solid var(--ink);padding:45px 52px;box-shadow:12px 14px 0 rgba(0,0,0,.18);transform:rotate(-2deg);z-index:2}.rules-board ol{font-size:27px;line-height:1.8;font-weight:900}.rules-board li::marker{color:var(--pink)}.peek-wrap{height:650px;position:relative;display:flex;align-items:flex-end;justify-content:center}.peek-wrap img{width:620px;filter:drop-shadow(15px 17px 0 rgba(0,0,0,.18));transform:translateY(150px) rotate(3deg)}.speech{position:absolute;right:30px;top:80px;background:#fff;border:3px solid var(--ink);padding:16px 20px;font-size:22px;font-weight:900;transform:rotate(5deg);box-shadow:5px 5px 0 var(--ink)}.floating-shape{position:absolute;font:900 70px "Comic Sans MS";animation:drift 4s ease-in-out infinite}.s1{top:90px;right:8%;color:#ffe14f}.s2{bottom:90px;left:47%;color:var(--pink)}.s3{top:180px;left:4%;color:#fff}.gallery-section{min-height:900px;padding:110px max(100px,calc((100vw - 1500px)/2));text-align:center}.gallery-section h2{display:inline-block;background:#ffd43a;padding:10px 22px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:rotate(1deg)}.polaroid-row{display:flex;justify-content:center;gap:55px;margin-top:75px}.polaroid{width:350px;background:#fffaf0;border:3px solid var(--ink);padding:16px 16px 28px;box-shadow:10px 12px 0 rgba(0,0,0,.15);transition:.2s}.polaroid:hover{transform:translateY(-12px) rotate(0deg)!important}.crop{height:390px;overflow:hidden;background:#f1c85d}.crop img{width:130%;margin-left:-15%;margin-top:-6%}.c2 img{transform:scaleX(-1);margin-top:-13%}.c3 img{width:160%;margin-left:-30%;margin-top:-19%}.polaroid figcaption{font:900 24px "Comic Sans MS";margin-top:14px}.p1{transform:rotate(-7deg)}.p2{transform:rotate(3deg) translateY(18px)}.p3{transform:rotate(7deg)}.final-section{min-height:900px;background:#f0bd45;position:relative;padding:120px max(100px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr .85fr;align-items:center;overflow:hidden;border-top:4px solid var(--ink)}.final-copy{z-index:3}.final-copy h2{font-size:75px;max-width:760px}.final-char{width:640px;align-self:end;justify-self:center;transform:translateY(130px) rotate(-2deg);filter:drop-shadow(17px 19px 0 rgba(0,0,0,.17))}.final-ca{display:flex;align-items:center;gap:10px;background:#fff3d4;border:3px solid var(--ink);padding:12px;margin-top:28px;max-width:830px;box-shadow:7px 7px 0 rgba(0,0,0,.16)}.final-ca span{font-weight:900}.footer-tag{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-weight:900;letter-spacing:.06em}.toast{position:fixed;z-index:50;right:36px;bottom:36px;background:#171717;color:#fff;padding:15px 22px;border:3px solid #fff;border-radius:14px;font-weight:900;transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.cursor-dot{position:fixed;width:14px;height:14px;background:var(--pink);border:2px solid var(--ink);border-radius:50%;z-index:99;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:multiply}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@keyframes bob{50%{transform:translateY(-15px) rotate(1deg)}}@keyframes drift{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:1400px){.topbar{width:calc(100% - 40px)}.hero{padding-left:65px;padding-right:65px}.hero-character{width:46vw}.paper-section,.blue-section,.gallery-section,.final-section{padding-left:70px;padding-right:70px}.paper-section{grid-template-columns:390px 1fr 80px}.portrait-card img{height:340px}.final-char{width:520px}}