*,*:before,*:after{box-sizing:border-box}body{min-height:100vh;margin:0}button{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.button-row{display:flex;gap:.5rem;width:100%;place-content:center}.pop-in{animation:pop-in .2s ease-in-out}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.hidden{display:none}body{background-color:#451a03;color:#fff;font-family:Roboto,sans-serif;--primary-hsl: 26, 100%, 66%;--primary: hsl(var(--primary-hsl))}.top-area{height:max(10svh,4em);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"left middle right";justify-content:center}.widget{background-color:#1a0803;border-radius:0 0 1rem 1rem;min-height:1em;padding-inline:1rem;font-size:1.2rem;opacity:.8;margin-inline:1svw}.cheesecake-count{grid-area:middle;height:min(100%,3rem);max-width:20rem;margin:0 auto;display:flex;justify-content:center;align-items:center}.middle-area{height:70svh;display:flex;justify-content:center}.middle-area>*{height:70svh}.big-cheesecake{height:100%;max-width:100dvw;aspect-ratio:1/1;transition:transform .2s cubic-bezier(.18,.89,.32,1.28)}.big-cheesecake img{width:100%;height:100%;object-fit:contain}.big-cheesecake:focus-visible{transform:scale(.92) rotate(1.5deg);outline:none}.big-cheesecake img{transition:box-shadow .2s cubic-bezier(.18,.89,.32,1.28)}.big-cheesecake:focus-visible img{box-shadow:inset 0 0 10rem .1rem var(--primary);outline:5px solid var(--primary);border-radius:.5rem}.big-cheesecake:hover{transform:scale(.9) rotate(2deg)}.big-cheesecake:active,.big-cheesecake.active{transform:scale(.8)}@keyframes grow{to{scale:1}}.cheesecake-particle{scale:0;animation:grow .2s ease-out forwards;position:absolute;width:3rem;pointer-events:none;translate:-50% -50%;aspect-ratio:1/1;background-image:url(/assets/cheesecake-temp-design.png);background-position:center;background-size:contain;background-repeat:no-repeat;transition:opacity .5s ease-out;opacity:.7}.cheesecake-particle.fade-out{opacity:0}.bottom-area{display:flex;flex-direction:column;gap:1rem}.button{background:hsl(from var(--primary) h s 35);padding-inline:.5rem;padding-block:.25rem;border-radius:.5rem;border:2px solid hsl(from var(--primary) h s 25);transition:scale .1s ease}.button:hover{background:hsl(from var(--primary) h s 50);border-color:hsl(from var(--primary) h s 45)}.button:active{background:hsl(from var(--primary) h s 45);border-color:hsl(from var(--primary) h s 30);font-weight:500}.button:focus-visible{outline:5px solid var(--primary);outline-offset:4px}.large-button{font-size:1.2rem;padding-inline:1rem;padding-block:.5rem}.leaderboard-widget{width:clamp(10rem,40rem,35vw);position:fixed;right:0}.leaderboard-widget h2{text-align:center}.leaderboard-widget table{width:100%;border-collapse:collapse;margin-top:.5rem;margin-bottom:1rem}.leaderboard-item{--border-radius: .75rem}.leaderboard-item td:first-of-type{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.leaderboard-item td:last-of-type{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.leaderboard-item:nth-child(odd) td{background-color:hsla(var(--primary-hsl),.15)}.leaderboard-item:nth-child(even) td{background-color:hsla(var(--primary-hsl),.1)}.leaderboard-item-rank{width:3ch;text-align:center;font-family:monospace;font-weight:700;font-size:.95rem}.leaderboard-item-count{text-align:right;padding-right:.5rem}