@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat.woff2) format("woff2")}@font-face{font-family:Gochi Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gochi-hand-400.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-400.woff2) format("woff2")}.doodle-hand{font-family:Gochi Hand,Patrick Hand,Comic Sans MS,cursive}.doodle-script{font-family:Caveat,Gochi Hand,cursive}.doodle-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:doodle-draw var(--draw-duration, .7s) ease-out forwards;animation-delay:var(--draw-delay, 0ms)}@keyframes doodle-draw{to{stroke-dashoffset:0}}.doodle-blink{transform-box:fill-box;transform-origin:center}.doodle-blink.blinking{animation:doodle-blink .18s ease-in-out}@keyframes doodle-blink{0%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}.doodle-pop-in{transform-box:fill-box;transform-origin:50% 100%;animation:doodle-pop-in .26s ease-out}@keyframes doodle-pop-in{0%{transform:scale(.85,.7)}60%{transform:scale(1.06,1.05)}to{transform:none}}.doodle-pip{transform-box:fill-box;transform-origin:center;animation:doodle-pip .22s ease-out backwards}@keyframes doodle-pip{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.doodle-tumble{transform-box:fill-box;transform-origin:center;animation:doodle-tumble .6s cubic-bezier(.3,.6,.4,1)}@keyframes doodle-tumble{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-22%) rotate(200deg) scale(.92)}65%{transform:translateY(4%) rotate(330deg) scale(1.04)}82%{transform:translateY(-5%) rotate(352deg)}to{transform:translateY(0) rotate(360deg)}}.doodle-sun-rays{transform-box:fill-box;transform-origin:center;animation:doodle-spin 60s linear infinite}.doodle-wiggle{animation:doodle-spin 60s linear infinite,doodle-wiggle .4s ease-in-out 3}@keyframes doodle-spin{to{transform:rotate(360deg)}}@keyframes doodle-wiggle{50%{scale:1.12}}.doodle-zzz{animation:doodle-float 3s ease-in-out infinite}@keyframes doodle-float{50%{transform:translateY(-4px);opacity:.6}}.doodle-sway{transform-box:fill-box;transform-origin:50% 0;animation:doodle-sway 4s ease-in-out infinite alternate}@keyframes doodle-sway{0%{rotate:-4deg}to{rotate:4deg}}@keyframes doodle-flutter-kf{50%{scale:1 .7}}.doodle-flutter{transform-box:fill-box;transform-origin:center;animation:doodle-flutter-kf .9s ease-in-out infinite}.doodle-wave{transform-box:fill-box;transform-origin:0 50%;animation:doodle-wave-kf 1.6s ease-in-out infinite alternate}@keyframes doodle-wave-kf{0%{transform:skewY(-4deg)}to{transform:skewY(5deg) scaleX(.92)}}.tower-drop{animation:tower-drop 1.35s linear forwards}@keyframes tower-drop{0%{transform:translateY(-230px) rotate(0);animation-timing-function:cubic-bezier(.5,0,1,1)}12%{transform:translate(-4px,-132px) rotate(50deg);animation-timing-function:cubic-bezier(.4,0,1,1)}20%{transform:translate(-30px,-76px) rotate(120deg);animation-timing-function:ease-out}29%{transform:translate(18px,-58px) rotate(230deg);animation-timing-function:cubic-bezier(.5,0,1,1)}36%{transform:translate(40px,-40px) rotate(270deg)}43%{transform:translate(30px,-18px) rotate(330deg);animation-timing-function:ease-out}50%{transform:translate(-18px,-1px) rotate(430deg);animation-timing-function:cubic-bezier(.5,0,1,1)}57%{transform:translate(-40px,24px) rotate(470deg)}64%{transform:translate(-30px,33px) rotate(530deg);animation-timing-function:ease-out}73%{transform:translate(20px,52px) rotate(630deg);animation-timing-function:cubic-bezier(.5,0,1,1)}82%{transform:translate(78px,112px) rotate(700deg);animation-timing-function:ease-out}86%{transform:translate(110px,98px) rotate(714deg);animation-timing-function:ease-in}90%{transform:translate(128px,112px) rotate(724deg);animation-timing-function:ease-out}94%{transform:translate(136px,108px) rotate(722deg)}to{transform:translate(140px,112px) rotate(720deg)}}.board-unfold{transform-box:view-box;animation:board-unfold .9s cubic-bezier(.25,1.45,.5,1) backwards}@keyframes board-unfold{0%{transform:scale(.96,.04);opacity:.25}35%{opacity:1}to{transform:none;opacity:1}}.popping[filter],.popping [filter]{filter:none}.pop-up{transform-box:fill-box;transform-origin:50% 100%;animation:pop-up .62s cubic-bezier(.3,1.7,.5,1) backwards}@keyframes pop-up{0%{transform:scale(.15,.05);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.board-unfold,.pop-up{animation:none}.tower-drop{animation:none;transform:translate(140px,112px)}.doodle-flutter,.doodle-wave{animation:none}.doodle-draw{animation:none;stroke-dashoffset:0}.doodle-blink,.doodle-pop-in,.doodle-pip,.doodle-tumble,.doodle-sun-rays,.doodle-wiggle,.doodle-zzz,.doodle-sway{animation:none}}html.tv :focus-visible,html.tv :focus{outline:5px solid #ffcc00;outline-offset:4px;border-radius:10px}:root{--paper: #f8f5ee;--ink: #3b2f2a;--crayon-red: #d9534a;--crayon-blue: #3e3f9e;--marker-orange: #e3a84b;--font-hand: "Gochi Hand", "Patrick Hand", "Comic Sans MS", cursive;--font-script: "Caveat", "Gochi Hand", cursive;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-hand);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.paper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--paper);background-image:radial-gradient(ellipse at center,transparent 65%,rgba(120,100,70,.07) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='p' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.009' numOctaves='5' seed='11' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23ffffff' surfaceScale='1.1'%3E%3CfeDistantLight azimuth='225' elevation='80'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");background-blend-mode:normal,multiply}.hub{max-width:760px;margin:0 auto;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}.hub-doodles{width:100%;max-height:180px}.hub-title{font-family:var(--font-script);font-weight:700;font-size:clamp(48px,11vw,88px);line-height:1;margin:0;rotate:-2deg}.write-on-text{display:inline-block;animation:write-on-text 1.3s steps(24) both}@keyframes write-on-text{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.hub-crew{display:flex;gap:6px;margin:10px 0 0}.hub-crew svg{width:64px;height:64px}.hub-hint{font-family:var(--font-script);font-size:26px;color:#6b5a4e;margin:6px 0 18px}.hub-games{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%}.hub-game{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 20px;background:#fbf8f0;border:1.8px solid var(--ink);border-radius:6px 16px 8px 14px/14px 6px 16px 8px;box-shadow:4px 5px #00000012;color:var(--ink);text-decoration:none;transition:translate .16s ease,rotate .16s ease}.hub-game:hover{translate:0 -3px;rotate:.6deg}.hub-game:focus-visible{outline:2.5px dashed var(--marker-orange);outline-offset:4px}.hub-game img{width:min(160px,100%);height:auto;border-radius:22%;box-shadow:0 2px #00000014}.hub-game-name{font-family:var(--font-script);font-weight:700;font-size:clamp(28px,6vw,38px);color:var(--crayon-red);line-height:1.05;text-align:center;margin-top:8px}.hub-game-blurb{font-size:18px;color:#6b5a4e;text-align:center}.build-id{position:fixed;right:calc(8px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));margin:0;font-family:var(--font-hand);font-size:10px;color:#b3a898;opacity:.7;pointer-events:none}@media (max-width: 420px){.hub-games{gap:12px}.hub-game{padding:12px 8px 14px}.hub-game-blurb{font-size:15px}.hub-crew svg{width:52px;height:52px}}@media (prefers-reduced-motion: reduce){.write-on-text{animation:none}.hub-game{transition:none}}
