*{box-sizing:border-box}:root{--ink:#3b3036;--paper:#fffaf0;--carrot:#f28c28;--leaf:#5fa452;--hay:#ecc96b;--wood:#b9804f;--round:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;--marker:"Marker Felt","Chalkboard SE","Comic Sans MS",cursive}html,body{height:100%}body{margin:0;overflow:hidden;background:#d6ebef;color:var(--ink);font-family:var(--round);-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}#sky{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgb(255 246 207/calc(var(--day,1)*1)) 0,#fff6cf00 18%),linear-gradient(var(--sky-top,#cfe7ee),var(--sky-low,#f3f2dc))}#stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--stars,0);background:radial-gradient(1.5px 1.5px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 33% 42%,#fff,#0000),radial-gradient(2px 2px at 71% 12%,#fff8d6,#0000),radial-gradient(1px 1px at 84% 56%,#fff,#0000),radial-gradient(1.5px 1.5px at 52% 74%,#d6e6ff,#0000),radial-gradient(1px 1px at 22% 82%,#fff,#0000),radial-gradient(1.5px 1.5px at 92% 88%,#fff,#0000),radial-gradient(1px 1px at 61% 33%,#fff,#0000);background-size:260px 260px;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{to{filter:brightness(1.6)}}#earth{position:absolute;left:50%;bottom:-118vmax;width:150vmax;height:150vmax;margin-left:-75vmax;border-radius:50%;opacity:var(--earth,0);transform:translateY(calc((1 - var(--earth,0))*30vh));background:radial-gradient(circle at 50% 8%,#7fc3ff 0,#2f7fd0 22%,#1d4f9a 45%,#123270 70%),#1d4f9a;box-shadow:0 0 60px 16px #6ab8ff88,inset 0 30px 60px #fff3}#earth:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse 9% 4% at 38% 6%,#6fb36a 60%,#0000 62%),radial-gradient(ellipse 12% 5% at 60% 9%,#7dbb6e 60%,#0000 62%),radial-gradient(ellipse 6% 3% at 47% 13%,#f3f6ff 60%,#0000 62%)}#clouds{position:absolute;top:-100vh;right:0;bottom:0;left:0;will-change:transform;opacity:var(--day,1)}#clouds i{position:absolute;width:var(--w);aspect-ratio:9/4;background:url(/recess/art/cloud.svg) center/contain no-repeat;animation:drift var(--t) linear infinite;animation-delay:var(--d);opacity:.95}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer}#world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}#scenery>*{position:absolute;pointer-events:none}.hills{left:-300vw;width:700vw;height:260px;background:url(/recess/art/hills.svg) center bottom/auto 100% repeat-x}.ground{left:-300vw;width:700vw;height:100vh;background:url(/recess/art/ground.svg) 0 0/300px 120px,linear-gradient(#a7c98f,#93ba7e 30%,#86ad73);border-top:3px solid #7ea56d}.bale{width:150px;height:103px;background:url(/recess/art/haybale.svg) center/contain no-repeat}.sign{font:700 13px/1.1 var(--marker);text-align:center;color:var(--ink)}.sign span{display:block;padding:7px 10px;background:#f6e5c0;border:2.5px solid var(--ink);border-radius:5px;transform:rotate(var(--r,-4deg))}.sign:after{content:"";display:block;width:6px;height:46px;margin:-2px auto 0;background:#a0714a;border:2.5px solid var(--ink);border-top:0}#ruler .mark{position:absolute;left:0;width:100%;border-top:2px dashed #3b303624;pointer-events:none}#ruler .mark span{position:absolute;left:10px;top:-22px;font:700 12px var(--round);letter-spacing:.02em;color:#3b30369a;white-space:nowrap}#ruler .milestone{border-top:2.5px dashed #e3a43a99}#ruler .milestone span{color:#a96d16;font-size:13px}#ruler .goal{border-top:3px dashed #e3a43a}#ruler .goal span{color:#b9781b;font-size:15px}.night #ruler .mark{border-top-color:#ffffff30}.night #ruler .mark span{color:#ffffffb8}.night #ruler .milestone span,.night #ruler .goal span{color:#ffd57a}.night #hint{color:#ffffffb0}.plank{position:absolute;left:0;top:0;border:3px solid var(--ink);border-radius:9px;background:repeating-linear-gradient(90deg,#0000 0,#0000 58px,#8c5b3644 58px,#8c5b3644 61px),linear-gradient(#d39a62,var(--wood));will-change:transform}.plank:before,.plank:after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#5a4033}.plank:before{left:10px}.plank:after{right:10px}.donkey,.plank{transform-origin:0 0}.donkey{position:absolute;left:0;top:0;padding:0;border:0;background:none;cursor:pointer;will-change:transform;outline:none;touch-action:manipulation}.donkey:focus-visible .face{filter:drop-shadow(0 0 6px #fff6ac)}.donkey .art,.donkey .face{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.donkey .art{transform-origin:50% 96%;animation:breathe var(--breath,2.8s) ease-in-out var(--phase,0s) infinite}.donkey .face{transition:transform .38s cubic-bezier(.3,1.7,.45,1)}.donkey img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.donkey.inflate .face{transform:scale(1.3)}.donkey.snub .face{transform:scaleX(-1)}.donkey.snub.inflate .face{transform:scale(-1.3,1.3)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.972)}}.donkey.hang .art{transform-origin:50% 0;animation:dangle 1.3s ease-in-out infinite}.hurry .donkey.hang .art{animation-duration:.8s}.panic .donkey.hang .art{animation:dangle .45s ease-in-out infinite,shiver .12s linear infinite}@keyframes dangle{0%,to{transform:rotate(-5deg) scale(.98,1.03)}50%{transform:rotate(5deg) scale(1.02,.97)}}@keyframes shiver{50%{translate:1.5px 0}}.donkey.arrive .art{animation:arrive .45s cubic-bezier(.2,1.6,.4,1)}@keyframes arrive{0%{transform:translateY(-60%) scale(.6,1.3)}}.donkey.air .art{animation:flail .32s ease-in-out infinite alternate}@keyframes flail{0%{transform:scale(.93,1.09) rotate(-4deg)}to{transform:scale(.95,1.07) rotate(4deg)}}.donkey.land .art{animation:land .56s cubic-bezier(.3,1.4,.5,1)}@keyframes land{0%{transform:scale(1.24,.74)}30%{transform:scale(.9,1.13)}55%{transform:scale(1.06,.95)}78%{transform:scale(.98,1.02)}to{transform:scale(1)}}.donkey.squish .art{animation:squish .42s ease-out}@keyframes squish{30%{transform:scale(1.1,.88)}70%{transform:scale(.97,1.03)}}.donkey.jelly .art{animation:jelly .65s ease-out}@keyframes jelly{0%{transform:scale(1)}15%{transform:scale(1.16,.84) skew(-5deg)}35%{transform:scale(.88,1.14) skew(4deg)}55%{transform:scale(1.07,.94) skew(-2deg)}75%{transform:scale(.97,1.03)}to{transform:scale(1)}}.donkey.hop .art{animation:hop .6s cubic-bezier(.3,1.3,.5,1)}@keyframes hop{0%{transform:scale(1)}20%{transform:scale(1.12,.86)}45%{transform:translateY(-14%) scale(.92,1.1)}75%{transform:scale(1.08,.92)}to{transform:scale(1)}}.donkey.kick .art{animation:kick .5s ease-out}@keyframes kick{20%{transform:rotate(-9deg) scale(1.06,.94)}45%{transform:rotate(7deg) skew(8deg)}70%{transform:rotate(-3deg)}}.donkey.party .art{animation:hop .45s cubic-bezier(.3,1.3,.5,1) 2}.donkey.dizzy:after{content:"✦  ✧  ✦";position:absolute;left:50%;top:6%;font-size:15px;color:#ffcf3f;text-shadow:0 0 0 #3b3036,0 1px 0 #3b3036;white-space:nowrap;animation:orbit 1s linear infinite;pointer-events:none}@keyframes orbit{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.donkey.unicorn img{animation:rainbow 2.4s linear infinite}@keyframes rainbow{0%,to{filter:drop-shadow(0 0 6px #ffe68a) hue-rotate(0)}50%{filter:drop-shadow(0 0 10px #ffb3e6) hue-rotate(40deg)}}.horn{position:absolute;width:30%;aspect-ratio:3/5;transform:translate(-50%,-78%) rotate(8deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 50'%3E%3Cpath d='M15 2 27 46H3z' fill='%23fff3a8' stroke='%233b3036' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='m10 22 9-4m-11 12 13-5M6 38l17-6' stroke='%23f27bb4' stroke-width='3.4' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='3' r='3' fill='%2397d7ff' stroke='%233b3036' stroke-width='1.5'/%3E%3Crect x='-1' y='40' width='32' height='7' rx='1.5' fill='%23f1d5a9e8' transform='rotate(-6 15 44)'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.donkey.fallen img{filter:saturate(.85)}#crane{position:absolute;left:0;top:0}#crane[hidden]{display:none}#guide{position:absolute;left:0;top:0;width:0;border-left:2px dashed #3b303640;pointer-events:none;transform-origin:0 0}#guide:after{content:"";position:absolute;left:-19px;bottom:-5px;width:36px;height:10px;border-radius:50%;background:#3b303628}#guide[hidden]{display:none}.wedge{width:44px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#a8744a,#8a5a37)}.dust{position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px;border-radius:50%;background:#fffaf0d9;animation:dust .6s ease-out forwards;pointer-events:none}@keyframes dust{0%{transform:translate(var(--x),var(--y)) scale(calc(var(--s)*.4));opacity:.9}to{transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) - 10px)) scale(var(--s));opacity:0}}#pops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.note{position:absolute;left:0;top:0;max-width:200px;padding:13px 12px 11px;background:linear-gradient(150deg,#fff5a7,#ffe277);font:600 16px/1.18 var(--marker);text-align:center;text-wrap:balance;box-shadow:1px 4px 5px #46352a36;border-radius:1px 2px 9px;animation:pop 2.2s cubic-bezier(.2,1.4,.4,1) forwards}.note:before{content:"";position:absolute;width:36px;height:11px;top:-5px;left:calc(50% - 18px);transform:rotate(3deg);background:#f1d5a9e8}.note.loud{background:linear-gradient(150deg,#ffd0c4,#ffab95);font-size:22px;letter-spacing:.02em}.note.small{font-size:13px;padding:8px 9px 7px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-80%) translate(var(--x),var(--y)) rotate(var(--r)) scale(.4)}12%{opacity:1;transform:translate(-50%,-100%) translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-130%) translate(var(--x),var(--y)) rotate(var(--r)) scale(.96)}}.oat{position:absolute;left:0;top:0;width:12px;height:16px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#fff6b8,#e7b23a 60%,#b9821f);border:1.5px solid #7a5520;transform:translate(var(--x),var(--y))}.oat.drop{width:13px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a07a58,#6b4a32);border-color:#3b3036}.burst{position:absolute;left:0;top:0;width:7px;height:10px;border-radius:2px;animation:burst .7s ease-out forwards}@keyframes burst{0%{transform:translate(var(--x),var(--y))}to{transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy))) rotate(300deg);opacity:0}}#hud{position:fixed;top:0;left:0;right:0;display:flex;gap:8px;align-items:center;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));pointer-events:none;z-index:20}#hud .spacer{flex:1}.pill{pointer-events:auto;display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:2.5px solid var(--ink);border-radius:21px;background:var(--paper);box-shadow:0 3px #3b303633;font-weight:700}#score b{font-size:22px}#score span{font-size:14px;opacity:.6}#timer{position:relative;min-width:76px;justify-content:center}#timer b{font-size:20px;font-variant-numeric:tabular-nums}#timer.low{background:#ffe1d6;color:#b1361c;animation:beat 1s ease-in-out infinite}@keyframes beat{50%{transform:scale(1.07)}}.penalty,.bonus{position:absolute;left:50%;top:100%;font:800 16px var(--round);color:#d23f1f;white-space:nowrap;animation:penalty 1.2s ease-out forwards}.bonus{color:#2f8a3a}#floor-banner{position:fixed;left:50%;top:max(66px,calc(env(safe-area-inset-top) + 58px));z-index:22;max-width:calc(100vw - 32px);padding:8px 16px 9px;border:2.5px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:0 4px #3b303640;text-align:center;font:800 17px/1.15 var(--round);pointer-events:none;opacity:0;transform:translate(-50%,-12px) scale(.9)}#floor-banner small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}#floor-banner.show{animation:banner 2.2s cubic-bezier(.2,1.4,.4,1) forwards}#floor-banner.milestone{background:linear-gradient(150deg,#fff5a7,#ffd36b);font-size:20px}@keyframes banner{0%{opacity:0;transform:translate(-50%,-12px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.share-row[hidden]{display:none}.share-row a,.share-row button{padding:7px 12px;border:2px solid #3b303666;border-radius:12px;background:#fff6dd;color:var(--ink);font:700 13px var(--round);text-decoration:none;cursor:pointer}.share-row a:hover,.share-row button:hover{border-color:var(--ink)}#share-text{flex-basis:100%;height:36px;padding:0 10px;border:2px solid var(--ink);border-radius:10px;font:600 13px var(--round);-webkit-user-select:text;user-select:text}#share-text[hidden]{display:none}@keyframes penalty{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,26px);opacity:0}}#drop{position:fixed;right:max(18px,calc(env(safe-area-inset-right) + 12px));bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));z-index:21;width:92px;height:92px;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffb35c,var(--carrot) 60%,#d86f12);color:#fff;font:800 20px var(--round);letter-spacing:.04em;text-shadow:0 2px 0 #9b4a0c;box-shadow:0 6px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:transform .08s,box-shadow .08s}#drop:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}#drop[hidden]{display:none}#streak:empty{display:none}.icon{width:42px;padding:0;justify-content:center;cursor:pointer}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#mute .cross,#mute[aria-pressed=true] .wave{display:none}#mute[aria-pressed=true] .cross{display:inline}#hint{position:fixed;left:0;right:120px;bottom:max(14px,env(safe-area-inset-bottom));padding-left:120px;margin:0;text-align:center;font:600 14px var(--round);color:#3b3036b0;pointer-events:none;transition:opacity .6s;z-index:20}#hint.hide{opacity:0}.card-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#3b303633;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:30}.card-wrap[hidden]{display:none}.card{width:min(380px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px 22px 20px;background:var(--paper);border:3px solid var(--ink);border-radius:22px;box-shadow:0 7px #3b303640;text-align:center;animation:rise .4s cubic-bezier(.2,1.4,.4,1);-webkit-user-select:text;user-select:text}@keyframes rise{0%{transform:translateY(30px) scale(.94);opacity:0}}.card h1{margin:0 0 8px;font:800 44px/.95 var(--marker);letter-spacing:.01em;color:#5b4434;transform:rotate(-2deg)}.card h2{margin:0 0 6px;font:800 28px/1.05 var(--marker);color:#5b4434}.lede{margin:0 0 16px;font-size:15px;line-height:1.35;opacity:.8}.card label{display:block;margin-bottom:6px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.handle-row{display:flex;gap:8px}.handle-row input{flex:1;min-width:0;height:46px;padding:0 14px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;font:700 17px var(--round);color:var(--ink)}.handle-row input:focus{outline:3px solid #f2b04f88}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 18px}.chips button{padding:6px 11px;border:2px solid #3b303655;border-radius:14px;background:#fff6dd;font-size:13px;font-weight:600;cursor:pointer}.chips button:hover{border-color:var(--ink)}.go,.ghost{height:48px;padding:0 20px;border:2.5px solid var(--ink);border-radius:16px;font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 4px 0 var(--ink);transition:transform .08s,box-shadow .08s}.go{background:var(--carrot);color:#fff;text-shadow:0 1px 0 #a4521380}.ghost{background:#fff;box-shadow:0 4px #3b303688}.ghost.icononly,.handle-row .ghost{width:46px;height:46px;padding:0;font-size:20px;box-shadow:none}.go:active,.ghost:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}#play{width:100%}.tabs{display:flex;gap:4px;margin:4px 0 14px;padding:4px;border:2px solid #3b303633;border-radius:14px;background:#f3ead6}.tabs [role=tab]{flex:1;height:36px;border:0;border-radius:10px;background:none;font:800 14px var(--round);color:#3b3036aa;cursor:pointer}.tabs [role=tab][aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px #3b303633}.tabs [role=tab]:focus-visible{outline:3px solid #f2b04f88}#pane-leaders .board-title:first-child{margin-top:0}#leaders-play{width:100%;margin-top:16px}.card .sound-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 14px;border:2px solid #3b303633;border-radius:14px;background:#fff;cursor:pointer;text-transform:none;letter-spacing:0;font:700 15px var(--round);opacity:1}.card .sound-toggle input{position:absolute;opacity:0;pointer-events:none}.card .sound-toggle i{position:relative;flex:none;width:48px;height:28px;border:2.5px solid var(--ink);border-radius:14px;background:#d9d2c6;transition:background .2s}.card .sound-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;border:2px solid var(--ink);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.card .sound-toggle input:checked+i{background:var(--leaf)}.card .sound-toggle input:checked+i:after{transform:translate(20px)}.card .sound-toggle input:focus-visible+i{outline:3px solid #f2b04f88;outline-offset:2px}.row{display:flex;gap:10px;justify-content:center;margin-top:16px}.row>*{flex:1}.big{margin:4px 0;font-size:17px}.big b{display:block;font:800 64px/1 var(--round);color:var(--carrot);-webkit-text-stroke:2px var(--ink)}.meta{margin:6px 0 10px;font-size:14px;opacity:.75}.board{margin:8px 0 0;padding:0;list-style:none;text-align:left;counter-reset:rank}.board li{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:10px;counter-increment:rank;font-size:15px}.board li:before{content:counter(rank);width:22px;font-weight:800;opacity:.5}.board li:nth-child(1):before{content:"🥇";opacity:1}.board li:nth-child(2):before{content:"🥈";opacity:1}.board li:nth-child(3):before{content:"🥉";opacity:1}.board li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li b{font-size:17px}.board li.me{background:#ffe08a;box-shadow:inset 0 0 0 2px #e3a43a;font-weight:800;animation:me-glow 1.4s ease-in-out 3}.board li.me span:after{content:"  ← you";font-size:12px;font-weight:700;color:#b9781b}@keyframes me-glow{50%{background:#fff3c4}}.board-title{margin:14px 0 2px;font:800 13px var(--round);letter-spacing:.06em;text-transform:uppercase;text-align:left;opacity:.75}.board-title small{font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;opacity:.8}.fame-title{color:#a96d16;opacity:1}.board.fame li{background:#fff8e1}.board.fame li.me{background:#ffe08a}.placed{margin:4px 0 0;font:800 18px var(--round);color:#c66d12}.board-tabs{display:flex;gap:4px;margin:14px 0 6px;padding:3px;border-radius:12px;background:#f3ead6}.board-tabs [role=tab]{flex:1;min-width:0;height:32px;padding:0 6px;border:0;border-radius:9px;background:none;font:800 12.5px var(--round);letter-spacing:.02em;color:#3b3036aa;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-tabs [role=tab][aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px #3b303633}.board-tabs [role=tab][data-board=fame][aria-selected=true]{color:#a96d16}.board-tabs [role=tab]:focus-visible{outline:3px solid #f2b04f88}.board[hidden],.board-note[hidden],.champions[hidden]{display:none}.board-note{margin:6px 0 0;font-size:12px;opacity:.6}.champions{max-height:min(46vh,360px);overflow:auto;text-align:left}.champions h4{margin:10px 0 2px;font:800 13px var(--round);letter-spacing:.04em;text-transform:uppercase;color:#a96d16}.champions h4:first-child{margin-top:4px}.champions h4 small{font-size:11px;font-weight:700;text-transform:none;letter-spacing:0;color:#3b303699}.champions .board{margin-top:2px}.champions .board-note{text-align:center}@supports (height:100dvh){.card{max-height:calc(100dvh - 32px)}}@media (max-width:480px),(max-height:760px){.card{padding:18px 16px 16px}.card h2{font-size:24px}.big{margin:2px 0}.big b{font-size:48px}.meta{margin:4px 0 6px}.row{margin-top:12px}.board li{padding:5px 10px;font-size:14px}.board-tabs{gap:2px}.board-tabs [role=tab]{padding:0 4px;font-size:12px;letter-spacing:0}.board-tabs .ico{display:none}.board li b{font-size:15px}}.placed[hidden]{display:none}.board .empty{justify-content:center;opacity:.6}.board .empty:before{display:none}.win h2{color:#c66d12}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25;overflow:hidden}#confetti i{position:absolute;top:-8vh;width:16px;height:22px;background:url(/recess/art/carrot.svg) center/contain no-repeat;animation:fall var(--time) linear infinite;animation-delay:var(--delay)}#confetti i.bit{width:10px;height:15px;border-radius:3px;background:var(--c)}@keyframes fall{to{transform:translate(var(--drift),116vh) rotate(var(--spin))}}.shake{animation:shake .5s}@keyframes shake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}@media (prefers-reduced-motion:reduce){#clouds i{animation:none;transform:translate(var(--still))}#confetti i{animation:none;top:var(--quiet-y)}.note{animation-duration:2.6s}.shake{animation:none}.donkey.unicorn img{animation:none;filter:drop-shadow(0 0 6px #ffe68a)}.donkey .art{animation:none!important}#timer.low,#stars{animation:none}#floor-banner.show{animation-duration:2.6s}}@media (max-width:480px){.pill{height:38px;padding:0 11px}.icon{width:38px}#score b{font-size:19px}.card h1{font-size:38px}#hint{font-size:12.5px}}