@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--yellow:#ffe500;--ink:#0b0906;--cream:#fff8dc;--red:#ff3b19}*{box-sizing:border-box}html,body{background:var(--yellow);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Arial Black,Arial,Helvetica,sans-serif}button{font:inherit}.stage{isolation:isolate;cursor:pointer;background:radial-gradient(circle at 50% 48%, #ffffffb8 0 19%, transparent 41%), var(--yellow);width:100vw;height:100dvh;min-height:520px;position:relative;overflow:hidden}.stage:before{content:"";z-index:-2;opacity:.13;background-image:repeating-linear-gradient(0deg, transparent 0 3px, var(--ink) 4px);pointer-events:none;position:absolute;inset:0}.stageLaughSurface{z-index:4;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.stageLaughSurface:focus-visible{outline:5px solid var(--cream);outline-offset:-10px}.ticker{z-index:8;width:106vw;color:var(--cream);background:var(--ink);border-block:3px solid var(--ink);letter-spacing:.05em;white-space:nowrap;font-size:clamp(.82rem,1.4vw,1.3rem);line-height:2;display:flex;position:absolute;left:-3vw;overflow:hidden;transform:rotate(-1deg)}.ticker span{flex:none;min-width:max-content;animation:13s linear infinite crawl}.tickerTop{top:1.6vh}.tickerBottom{color:var(--ink);background:var(--red);bottom:1.6vh;transform:rotate(1deg)}.tickerBottom span{animation-duration:15s;animation-direction:reverse}@keyframes crawl{to{transform:translate(-100%)}}.eyebrow,.contract,.tapHint{z-index:6;letter-spacing:.13em;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:900;position:absolute}.eyebrow{max-width:22ch;font-size:clamp(.72rem,1.15vw,1rem);top:11vh;left:4vw}.photoWrap{aspect-ratio:1;background:var(--cream);border:clamp(7px, .8vw, 13px) solid var(--ink);width:min(51vw,72vh);box-shadow:18px 18px 0 var(--red);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-48%,-49%)rotate(2.5deg)}.cat{object-fit:cover;filter:saturate(1.08)contrast(1.03);width:100%;height:100%}.heroTitle{z-index:5;color:var(--cream);letter-spacing:-.09em;-webkit-text-stroke:clamp(4px, .45vw, 8px) var(--ink);paint-order:stroke fill;text-shadow:10px 10px 0 var(--red);margin:0;font-size:clamp(4rem,10.5vw,11rem);line-height:.67;position:absolute;top:50%;left:3.3vw;transform:translateY(-45%)rotate(-4deg)}.tickerSymbol{z-index:7;color:var(--yellow);background:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--red);margin:0;padding:.08em .24em .12em;font-size:clamp(2rem,5vw,5.4rem);line-height:1;position:absolute;top:19vh;right:4vw;transform:rotate(5deg)}.laughButton{z-index:9;color:var(--cream);background:var(--red);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);cursor:pointer;padding:.75em 1em;font-size:clamp(.92rem,1.6vw,1.35rem);transition:transform .1s,box-shadow .1s;position:absolute;bottom:17vh;right:5vw;transform:rotate(-2deg)}.galleryButton{z-index:9;color:var(--yellow);background:var(--ink);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--red);padding:.75em 1em;font-size:clamp(.92rem,1.6vw,1.35rem);text-decoration:none;transition:transform .1s,box-shadow .1s;position:absolute;bottom:17vh;left:4vw;transform:rotate(2deg)}.galleryButton:hover,.galleryButton:focus-visible{transform:rotate(-2deg)scale(1.05)}.galleryButton:active{box-shadow:2px 2px 0 var(--red);transform:translate(5px,5px)rotate(-2deg)}.galleryButton:focus-visible{outline:4px solid var(--cream);outline-offset:4px}.laughButton:hover,.laughButton:focus-visible{transform:rotate(2deg)scale(1.05)}.laughButton:active{box-shadow:2px 2px 0 var(--ink);transform:translate(5px,5px)rotate(2deg)}.laughButton:focus-visible{outline:4px solid var(--cream);outline-offset:4px}.contract{font-size:clamp(.65rem,1vw,.9rem);bottom:10vh;right:4vw}.tapHint{font-size:clamp(.62rem,1vw,.82rem);bottom:10vh;left:4vw}.burst{z-index:20;color:var(--red);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;pointer-events:none;opacity:0;font-size:clamp(5rem,18vw,17rem);line-height:1;animation:.6s ease-out pop;position:absolute;top:45%;left:52%}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)rotate(-12deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(4deg)}to{opacity:0;transform:translate(-50%,-72%)scale(1.25)rotate(8deg)}}@media (max-width:680px){.stage{min-height:480px}.eyebrow{top:10vh;left:6vw}.photoWrap{width:min(79vw,54vh);box-shadow:11px 11px 0 var(--red);top:47%}.heroTitle{text-shadow:7px 7px 0 var(--red);font-size:clamp(4rem,20vw,6.2rem);top:52%;left:4vw}.tickerSymbol{top:17vh;right:5vw}.laughButton{bottom:18vh;right:6vw}.galleryButton{bottom:18vh;left:6vw}.contract{bottom:11vh;right:5vw}.tapHint{display:none}}.galleryPage{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:repeating-linear-gradient(0deg, transparent 0 4px, #0b090614 5px), var(--yellow);height:100dvh;min-height:100dvh;padding:clamp(1.25rem,4vw,4rem);overflow-y:auto}.galleryHeader{grid-template-columns:minmax(10rem,1fr) minmax(18rem,2fr) minmax(7rem,1fr);align-items:start;gap:2rem;max-width:1480px;margin:0 auto clamp(2rem,5vw,4rem);display:grid}.backButton,.galleryCount{width:fit-content;color:var(--cream);background:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--red);margin:0;padding:.65rem .8rem;font-size:clamp(.7rem,1vw,.9rem);text-decoration:none;display:inline-block;transform:rotate(-1deg)}.backButton:focus-visible,.galleryCard a:focus-visible{outline:4px solid var(--red);outline-offset:5px}.galleryCount{color:var(--ink);background:var(--red);justify-self:end;transform:rotate(2deg)}.galleryKicker,.galleryIntro{letter-spacing:.08em;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:900}.galleryKicker{font-size:clamp(.7rem,1vw,.9rem)}.galleryTitle{color:var(--cream);letter-spacing:-.07em;-webkit-text-stroke:clamp(3px, .35vw, 6px) var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--red);margin:.12em 0 0;font-size:clamp(3.2rem,8vw,8rem);line-height:.88}.galleryIntro{max-width:38rem;margin-top:1.5rem;line-height:1.45}.galleryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem);max-width:1480px;margin:0 auto;padding-bottom:4rem;display:grid}.galleryCard{background:var(--cream);border:clamp(4px, .45vw, 7px) solid var(--ink);box-shadow:9px 9px 0 var(--red);transform:rotate(var(--tilt,-1deg));transition:transform .14s,box-shadow .14s;overflow:hidden}.galleryCard:nth-child(3n+2){--tilt:1deg}.galleryCard:nth-child(3n){--tilt:-.3deg}.galleryCard:hover{z-index:2;box-shadow:13px 13px 0 var(--ink);transform:rotate(0)scale(1.025)}.galleryCard a{color:var(--cream);background:var(--ink);text-decoration:none;display:block}.galleryCard img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.galleryCard span{letter-spacing:.04em;padding:.8rem .9rem;font-size:clamp(.72rem,1vw,.95rem);display:block}@media (max-width:920px){.galleryHeader{grid-template-columns:1fr auto}.galleryHeader>div{grid-area:2/1/auto/-1}.galleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.galleryPage{padding:1.25rem}.galleryHeader{gap:1.5rem}.galleryTitle{text-shadow:5px 5px 0 var(--red);font-size:clamp(3rem,18vw,5rem)}.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.galleryCard{box-shadow:6px 6px 0 var(--red)}.galleryCard span{padding:.65rem .55rem}}@media (prefers-reduced-motion:reduce){.ticker span{animation:none}.burst{animation-duration:1ms}}
