*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #fbf6ea;--ink: #17150f;--red: #d02a1e;--gold: #f0a500;--shadow: 4px 4px 0 rgba(23, 21, 15, .9)}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:Patrick Hand,Comic Sans MS,cursive;font-size:1.2rem;display:grid;place-items:center;align-content:center;padding:1.5rem;min-height:100vh;overflow-x:hidden}#bron{position:fixed;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none}#bron svg{width:min(78vmin,560px);opacity:.2;transition:transform .7s cubic-bezier(.34,1.4,.5,1)}.moviestar{display:grid;place-items:center;justify-self:start;z-index:0;pointer-events:none;margin:0 0 1.5rem}.frame{position:relative;width:min(66vw,280px);aspect-ratio:681 / 1024;border:2.5px solid var(--ink);box-shadow:var(--shadow);transform:rotate(-1.2deg)}.frame img{width:100%;height:100%;object-fit:cover;opacity:.72}.pupil{position:absolute;width:2.9%;aspect-ratio:1.7;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));border-radius:50%;background:radial-gradient(ellipse 60% 100% at 50% 50%,#ffe3da 0%,#ff2e1f 34%,#c00d00 62%,transparent 78%);box-shadow:0 0 12px 3px #ff2814e6,0 0 30px 10px #ff3c1e80}body.playing .moviestar{display:none}@media(min-width:1100px){.moviestar{position:fixed;top:50%;right:4vw;transform:translateY(-50%);display:block;padding:0;margin:0}.frame{width:auto;height:min(94vh,920px);border:none;box-shadow:none;transform:none}.frame img{opacity:.34}}#app{width:min(660px,100%);position:relative;z-index:1}.screen{animation:slap .3s ease both}@keyframes slap{0%{opacity:0;transform:scale(.97) rotate(-.5deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen{animation:none}#bron svg{transition:none}}.kicker,.qnum{font-family:Permanent Marker,cursive;color:var(--red);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.hero{font-family:Permanent Marker,cursive;font-size:clamp(3rem,11vw,5.6rem);line-height:.95;transform:rotate(-1.5deg)}.gold{color:var(--red);text-decoration:underline wavy var(--gold) 6px;text-underline-offset:10px}.start .btn-primary{margin-top:2.2rem}.photo img{display:block;width:100%;height:auto;border:1.5px solid var(--ink);margin-bottom:.6rem}.btn{font-family:Patrick Hand,cursive;font-size:1.25rem;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:255px 12px 225px/12px 225px 12px 255px;box-shadow:var(--shadow);padding:.7rem 1.1rem;cursor:pointer;text-align:left;transform:rotate(var(--tilt, 0deg));transition:transform .12s,box-shadow .12s;display:flex;align-items:center;gap:.6rem}.btn:hover{transform:rotate(var(--tilt, 0deg)) translate(-2px,-2px) scale(1.01);box-shadow:6px 6px #17150fe6}.btn:active{transform:rotate(var(--tilt, 0deg)) translate(2px,2px);box-shadow:1px 1px #17150fe6}.btn-primary{font-family:Permanent Marker,cursive;font-size:1.3rem;background:var(--gold)}.arrow{color:var(--red);font-size:1.1em;flex-shrink:0}.question{font-family:Permanent Marker,cursive;font-size:clamp(1.45rem,4.5vw,2.05rem);font-weight:400;line-height:1.35;margin-bottom:1.5rem;max-width:36ch}.answers{display:grid;gap:.9rem;justify-items:start}.photo{position:relative;background:#fff;border:2.5px solid var(--ink);box-shadow:var(--shadow);padding:1rem 1.1rem .9rem;margin:0 0 1.6rem;max-width:46ch;transform:rotate(var(--tilt, -1deg));font-size:1.05rem;line-height:1.35}.photo:before{content:"";position:absolute;top:-14px;left:50%;width:110px;height:26px;transform:translate(-50%) rotate(-2deg);background:#f0a50073;border:1px dashed rgba(23,21,15,.25)}.photo figcaption:before{content:"📸 "}.quip{min-height:45vh;display:grid;place-content:center}.quip p{font-family:Permanent Marker,cursive;font-size:clamp(1.5rem,4.5vw,2.1rem);max-width:30ch;text-align:center;line-height:1.4;transform:rotate(-1.2deg);text-decoration:underline wavy var(--red) 3px;text-underline-offset:8px}.team{font-family:Permanent Marker,cursive;font-size:clamp(2.1rem,7.5vw,3.6rem);line-height:1;color:var(--red);transform:rotate(-1deg)}.tagline{font-family:Permanent Marker,cursive;font-size:1.15rem;margin:.8rem 0 1.4rem}.teamcard{background:#fff;border:2.5px solid var(--ink);box-shadow:var(--shadow);padding:.8rem;margin:0 0 1.6rem;max-width:430px;transform:rotate(var(--tilt, .6deg))}.teamcard img{display:block;width:100%;height:auto;border:1.5px solid var(--ink)}.writeup{line-height:1.5;max-width:60ch;border-left:4px solid var(--red);padding-left:1rem;margin-bottom:1.4rem}.lines{list-style:none;display:grid;gap:.45rem;margin-bottom:2rem;max-width:56ch;font-size:1.05rem;line-height:1.4}.lines b{font-family:Permanent Marker,cursive;font-size:.9rem;color:var(--red);margin-right:.2rem}
