@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@view-transition{navigation:auto}::view-transition-old(root){animation:site-fade-out .16s ease-in both}::view-transition-new(root){animation:site-fade-in .26s ease-out both}@keyframes site-fade-out{to{opacity:.65}}@keyframes site-fade-in{0%{opacity:.65}}.sheet-backdrop{position:fixed;z-index:18;inset:0;background:#20232c52}.sheet-backdrop[hidden]{display:none}.game-sheet{position:fixed;z-index:19;left:50%;bottom:0;width:min(1120px,calc(100% - 32px));height:342px;transform:translate(-50%,calc(100% - 70px));background:#f2f0eacb;backdrop-filter:blur(28px) saturate(1.12);-webkit-backdrop-filter:blur(28px) saturate(1.12);box-shadow:0 -10px 48px #33394520;transition:transform .38s cubic-bezier(.22,.75,.25,1);font-family:Aeonik Pro,sans-serif;color:#30333d;visibility:hidden}.jelly-scene .sheet-backdrop{background:#5e403938}.jelly-scene .game-sheet{background:#ffe9dcca;box-shadow:0 -10px 48px #a9675124;color:#3d3437}.game-sheet.shape-ready{visibility:visible}.game-sheet[data-open=true]{transform:translate(-50%)}.sheet-outline{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.sheet-outline path{fill:none;stroke:#ffffffdc;stroke-width:1.5;vector-effect:non-scaling-stroke}.sheet-toggle{position:absolute;z-index:3;top:0;left:50%;height:64px;width:max-content;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;border:0;background:transparent;color:#30333d;font:500 16px/1 Aeonik Pro,sans-serif;cursor:pointer;touch-action:none}.jelly-scene .sheet-toggle{color:#3d3437}.sheet-toggle:before,.sheet-toggle:after{content:"";position:absolute;z-index:4;width:12px;height:12px;background:#dd697b;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .35s ease}.sheet-toggle:before{left:22px;top:8px;transform:translate(4px,5px) scale(.3) rotate(-30deg)}.sheet-toggle:after{right:22px;top:9px;width:10px;height:10px;background:#796eb6;transform:translate(-4px,5px) scale(.3) rotate(30deg)}.sheet-toggle:hover:before,.sheet-toggle:focus-visible:before{opacity:1;transform:translate(-3px,-2px) scale(1) rotate(25deg);animation:sheet-twinkle 1.4s ease-in-out infinite alternate}.sheet-toggle:hover:after,.sheet-toggle:focus-visible:after{opacity:1;transform:translate(3px,-3px) scale(1) rotate(-25deg);animation:sheet-twinkle 1.4s .25s ease-in-out infinite alternate}@keyframes sheet-twinkle{to{opacity:.55;scale:.72}}.sheet-toggle:focus-visible{outline:2px solid #77688b;outline-offset:-6px;border-radius:24px}.sheet-label{display:inline-flex;align-items:center;white-space:nowrap}.sheet-letter,.sheet-space{display:inline-block;transform-origin:50% 80%}.sheet-toggle:hover .sheet-letter{color:var(--game-color);animation:rainbow-curve 1.8s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -75ms)}.sheet-letter:nth-child(1){--game-color:#dd697b}.sheet-letter:nth-child(2){--game-color:#e98e6d}.sheet-letter:nth-child(3){--game-color:#d8a361}.sheet-letter:nth-child(4){--game-color:#9b9c78}.sheet-letter:nth-child(6){--game-color:#6fa68d}.sheet-letter:nth-child(7){--game-color:#4e94a6}.sheet-letter:nth-child(9){--game-color:#426cba}.sheet-letter:nth-child(10){--game-color:#6f69af}.sheet-letter:nth-child(11){--game-color:#9a71b1}.sheet-letter:nth-child(12){--game-color:#ce779f}@keyframes rainbow-curve{0%{transform:translateY(0)}55%{transform:translateY(var(--curve)) rotate(var(--tilt))}to{transform:translateY(calc(var(--curve) + 2px))}}.sheet-chevron{width:16px;height:16px;flex:none;overflow:visible;transition:transform .25s ease}.sheet-chevron path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sheet-toggle:hover .sheet-chevron{transform:translateY(2px)}.sheet-toggle:hover .sheet-chevron path{stroke:url(#chevron-spectrum)}.sheet-content{position:absolute;inset:64px 0 0;padding:17px 24px 22px;z-index:2}.tile-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;width:100%;height:100%}.game-tile{position:relative;min-width:0;min-height:0;border-radius:14px;overflow:hidden;background:#d9d7df;display:block;isolation:isolate;border:1px solid #a2a0a752;text-decoration:none;cursor:pointer}.game-tile img{display:block;width:100%;height:100%;object-fit:cover}.game-tile:focus-visible{outline:3px solid #65527d;outline-offset:3px}.game-tile:not(.current):not(.cooking):hover{outline:2px solid #766786;outline-offset:-2px}.game-tile.current{outline:2px solid #766786;outline-offset:-2px;cursor:default}.game-tile.current:after{content:"";position:absolute;inset:0;border:4px solid #ffffffa1;border-radius:13px;pointer-events:none}.game-tile .tile-play,.game-tile .tile-current{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ffffffdc;color:#33353d;font:700 19px/1 Aeonik Pro,sans-serif}.game-tile .tile-current{font-size:21px;color:#776786}.game-tile.cooking{cursor:default}.game-tile.cooking img{filter:blur(10px) brightness(.77);transform:scale(1.1)}.game-tile.cooking:after{content:"";position:absolute;inset:0;background:#29273524;z-index:1}.tile-cooking-copy{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;text-shadow:0 1px 12px #2522368a}.tile-cooking-copy strong{display:block;font-size:18px;font-weight:700;letter-spacing:-.03em}.tile-cooking-copy span{display:block;margin-top:5px;font-size:12px;font-weight:400}.scene-brand{position:fixed;z-index:10;top:max(27px,env(safe-area-inset-top));left:max(33px,env(safe-area-inset-left));right:max(33px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:24px;color:#31343f;font-family:Aeonik Pro,sans-serif;text-shadow:0 1px 12px #ffffff90;pointer-events:none}.scene-brand-logo{font-size:30px;line-height:1;font-weight:700;letter-spacing:-.055em}.scene-brand-row{display:flex;align-items:center;gap:13px}.scene-brand-name{font-size:12px;font-weight:500;letter-spacing:.035em;white-space:nowrap}.scene-brand-links{display:flex;gap:7px;pointer-events:auto}.scene-brand-links a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffffb8;border-radius:50%;background:#ffffff8e;backdrop-filter:blur(17px) saturate(1.25);-webkit-backdrop-filter:blur(17px) saturate(1.25);box-shadow:0 3px 15px #343b4b1a;color:#333943;text-decoration:none;transition:background .2s ease,transform .2s ease}.scene-brand-links a:hover{background:#ffffffd9;transform:translateY(-2px)}.scene-brand-links a:focus-visible{outline:2px solid #78658e;outline-offset:3px}.scene-brand-links svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scene-brand-links span{font-size:15px;font-weight:700;letter-spacing:-.07em;line-height:1}@media(max-width:700px){.game-sheet{width:calc(100% - 14px);height:min(506px,74svh)}.sheet-content{padding:13px 13px 17px}.tile-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.tile-cooking-copy strong{font-size:16px}.tile-cooking-copy span{font-size:11px}.scene-brand{top:max(20px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));gap:7px}.scene-brand-logo{font-size:25px}.scene-brand-row{gap:9px}.scene-brand-name{font-size:11px}.scene-brand-links a{width:34px;height:34px}}@media(max-width:520px){.scene-brand-row{flex-direction:column;align-items:flex-end;gap:6px}.scene-brand-name{font-size:10px}}@media(max-height:600px)and (min-width:701px){.game-sheet{height:min(320px,72svh)}}@media(prefers-reduced-motion:reduce){.game-sheet,.scene-brand-links a,.sheet-chevron,.sheet-toggle:before,.sheet-toggle:after{transition:none}.sheet-toggle:hover .sheet-letter,.sheet-toggle:hover:before,.sheet-toggle:hover:after{animation:none;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
