:root{--slate:#232a27;--chalk:#f3f1ea;--chalk-2:#f3f1eacc;--chalk-3:#f3f1ea8c;--dust:#f3f1ea47;--display:"Oswald", "Arial Narrow", sans-serif;--sketch:"Cabin Sketch", "Oswald", sans-serif;--text:"Nunito", system-ui, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 -1.5 1.45'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--dust-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23b)'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#3b2818;min-height:100vh}h1,h2,p{margin:0}.board{min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));background:repeating-linear-gradient(92deg,#00000014 0 2px,#0000 2px 7px),linear-gradient(135deg,#7a5433,#4a3220);display:flex}.board__inner{color:var(--chalk);font-family:var(--text);text-align:center;background:var(--dust-noise), radial-gradient(60% 18% at 30% 38%, #ffffff0e, transparent 70%), radial-gradient(70% 22% at 70% 72%, #ffffff0a, transparent 70%), radial-gradient(120% 80% at 50% 0%, #2a332f, var(--slate) 70%);border-radius:3px;flex-direction:column;flex:1;padding:clamp(30px,5vh,48px) clamp(26px,5vw,56px) clamp(20px,3vh,30px);display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000080,inset 0 0 60px #00000080}.board__inner:before{content:"";pointer-events:none;border:1.5px solid var(--dust);outline-offset:4px;border-radius:2px;outline:1px solid #f3f1ea24;position:absolute;inset:10px}.board__inner>*{width:min(640px,100%);margin-inline:auto;position:relative}.chalk{-webkit-mask-image:var(--grain);-webkit-mask-image:var(--grain);mask-image:var(--grain);-webkit-mask-size:160px;mask-size:160px}.board__head h1{font-family:var(--sketch);letter-spacing:.02em;font-size:clamp(38px,5vw,52px);font-weight:700;line-height:1}.board__status{color:var(--chalk-2);margin-top:10px;font-size:clamp(17px,2vw,20px);font-weight:700}.board__status b{color:var(--chalk)}.board__countdown{font-family:var(--display);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;margin-top:10px;display:flex}.board__countdown span{font-size:clamp(46px,7vw,64px);font-weight:600;line-height:1}.board__countdown small{color:var(--chalk-3);text-transform:uppercase;margin-right:10px;font-size:18px;font-weight:500}.board__countdown small:last-child{margin-right:0}.board__flourish{width:200px;height:14px;color:var(--chalk-3);margin:18px auto 0;display:block}.board__menu{flex-direction:column;flex:1;justify-content:center;gap:clamp(22px,4vh,34px);padding:clamp(24px,4vh,40px) 0 clamp(24px,6vh,56px);display:flex}.board__item h2{font-family:var(--display);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--chalk-2);justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.board__item h2:before,.board__item h2:after{content:"";background:var(--chalk-3);border-radius:2px;width:34px;height:1.5px}.board__dish{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;text-shadow:0 0 6px #f3f1ea2e;margin-top:12px;font-size:clamp(44px,7vw,68px);font-weight:600;line-height:1.02}.board__item--heart .board__dish{font-size:clamp(34px,5.2vw,50px)}.board__sides{max-width:30ch;color:var(--chalk-2);text-wrap:balance;margin:12px auto 0;font-size:clamp(17px,2vw,20px);font-weight:700;line-height:1.4}.board__sides i{color:var(--chalk-3)}.board__stars{color:var(--chalk-3);letter-spacing:.8em;text-indent:.8em;font-size:14px}.board__foot{color:var(--chalk-3);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.board__inner>.doodles{pointer-events:none;width:auto;margin:0;position:absolute;inset:0}.doodle{color:var(--chalk);opacity:.32;position:absolute}.doodle--mug{width:44px;top:24px;left:24px;transform:rotate(-8deg)}.doodle--sprig{width:44px;top:22px;right:22px;transform:rotate(14deg)}.doodle--bowl{width:56px;bottom:50px;left:26px;transform:rotate(4deg)}.doodle--cutlery{width:48px;bottom:50px;right:26px;transform:rotate(-10deg)}.doodle--whisk,.doodle--sparkle-a,.doodle--sparkle-b{display:none}.doodle--sparkle-a,.doodle--sparkle-b{opacity:.4}@media (width<=899px) and (height<=759px){.board__inner:has(.board__item--heart) :is(.doodle--bowl,.doodle--cutlery){display:none}}@media (width<=899px) and (height>=760px){.doodle--mug{width:48px;top:24px;left:26px}.doodle--sprig{width:46px;top:22px;right:24px}.doodle--bowl{width:70px;bottom:62px;left:30px}.doodle--cutlery{width:58px;bottom:60px;right:32px}.doodle--sparkle-a{width:16px;display:block;top:20%;left:30px}.doodle--sparkle-b{width:12px;display:block;top:23%;right:34px}}@media (width>=900px){.doodle{opacity:.28}.doodle--mug{width:130px;top:auto;bottom:14%;left:7%}.doodle--sprig{width:120px;top:12%;right:8%}.doodle--bowl{width:150px;top:14%;bottom:auto;left:8%}.doodle--cutlery{width:110px;bottom:14%;right:9%}.doodle--whisk{width:90px;display:block;top:42%;left:15%;transform:rotate(-18deg)}.doodle--sparkle-a{width:34px;display:block;top:46%;right:16%}.doodle--sparkle-b{width:22px;display:block;top:8%;left:24%}}@media (width>=900px) and (width<=1150px){.doodle--whisk,.doodle--sparkle-a{display:none}.doodle--mug{width:96px;left:4%}.doodle--bowl{width:110px;left:4%}.doodle--sprig{width:90px;right:4%}.doodle--cutlery{width:82px;right:5%}}
