@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chewy-latin-400-normal-BFhrjfYU.woff2) format("woff2"),url(/assets/chewy-latin-400-normal-Bytuav8a.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.main-title{font-size:52px;color:orange;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.menu-container{position:relative;width:100%;min-height:100%;background-image:url(/assets/kitchen-background-BqjYdWJa.jpg);background-size:cover;background-position:center;display:grid;grid-template-rows:minmax(8cqh,12cqh) auto minmax(3cqh,5cqh) 1fr minmax(2cqh,3cqh);justify-items:center;align-content:stretch;grid-template-columns:1fr;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);gap:0}.menu-container .main-title{grid-row:2;margin:0;font-size:clamp(36px,6cqh,64px)}.menu-container .menu-body{grid-row:4;width:100%;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:start;gap:clamp(8px,1.6cqh,16px)}.menu-container .animation-container{position:absolute;right:clamp(8px,4cqw,32px);bottom:clamp(8px,4cqh,32px);pointer-events:none}.menu-container .chef-animation{width:min(50vw,400px);width:min(50cqw,400px);max-width:400px}.menu-container .difficulty-buttons{grid-row:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6cqh,18px);z-index:2}.menu-container .difficulty-buttons .ant-btn{width:min(90%,420px);width:min(80cqw,420px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(16px,3cqw,24px);gap:12px}.menu-container .difficulty-buttons .ant-btn:not(.ant-btn-sm):not(.ant-btn-lg){min-height:56px;min-height:clamp(48px,7cqh,64px);height:auto;padding-block:clamp(8px,1cqh,12px)}.menu-container .difficulty-buttons .button-content{display:flex;flex-direction:column;row-gap:2px;text-align:center;margin:0 auto}.menu-container .difficulty-buttons .button-content h4{font-size:clamp(16px,2.4cqh,22px);margin:0;font-family:Chewy,cursive}.menu-container .difficulty-buttons .button-content p{margin:0;font-size:clamp(12px,1.8cqh,16px)}.menu-container .difficulty-buttons .ant-btn .ant-btn-icon:not(:only-child){margin-inline-start:0}.menu-container .menu-actions{position:absolute;top:calc(env(safe-area-inset-top) + clamp(8px,3cqh,16px));right:clamp(8px,3cqw,24px);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;z-index:5}.menu-container .menu-actions .ant-btn{font-weight:700;border:none;color:#fff;box-shadow:0 6px 12px #0003}.menu-container .menu-actions .records-btn.ant-btn{background:#0009}.menu-container .menu-actions .tutorial-btn.ant-btn{background:#00000073}@media (max-width: 420px){.menu-container .menu-actions{right:clamp(6px,2cqw,12px);gap:8px}.menu-container .menu-actions .ant-btn{padding-inline:10px}}.menu-container .menu-body .play-cta{grid-row:3;width:100%;display:flex;justify-content:center;align-items:end;margin-bottom:clamp(8px,1.5cqh,18px)}.menu-container .menu-body .play-cta .play-btn.ant-btn{width:min(60%,220px);width:min(32cqw,220px);min-height:56px;min-height:clamp(48px,7cqh,64px);padding-block:clamp(8px,1cqh,12px);font-weight:700;color:#fff;border:none;font-size:clamp(18px,3cqh,28px);display:flex;align-items:center;justify-content:center;font-family:Chewy,cursive;background-image:linear-gradient(120deg,#16a34a 0% 30%,#22c55e 50%,#16a34a 70% 100%);background-size:200% 100%;background-position:0% 50%;animation:playShimmer 8s linear infinite;box-shadow:0 6px 14px #16a34a59}.menu-container .menu-body .play-cta .play-btn.ant-btn:hover,.menu-container .menu-body .play-cta .play-btn.ant-btn:focus,.menu-container .menu-body .play-cta .play-btn.ant-btn:active{color:#fff;animation-play-state:paused;background-position:100% 50%}@keyframes playShimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}@media (prefers-reduced-motion: reduce){.menu-container .play-btn.ant-btn{animation:none}}.menu-container .menu-credits{position:absolute;left:clamp(4px,2cqw,12px);bottom:clamp(4px,2cqh,10px);z-index:3}.menu-container .menu-credits .credits-btn.ant-btn-text{color:#00000073;font-size:11px;height:20px;line-height:20px;padding:0 6px}.menu-container .menu-credits .credits-btn.ant-btn-text:hover,.menu-container .menu-credits .credits-btn.ant-btn-text:focus{color:#000000b3;background:transparent;text-decoration:underline}.back-button-container{width:100%;margin-top:1dvh;display:flex;flex-direction:row;justify-content:space-between;padding-right:24px}.back-button-container .to-menu-btn.ant-btn{font-family:Chewy,cursive;color:#fff;border:none;padding:8px 16px;font-weight:700;border-radius:9999px;background:linear-gradient(135deg,#d946ef,#a21caf);box-shadow:0 6px 12px #a21caf59;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.back-button-container .to-menu-btn.ant-btn:hover,.back-button-container .to-menu-btn.ant-btn:focus{filter:brightness(1.05)}.back-button-container .to-menu-btn.ant-btn:active{transform:translateY(2px);box-shadow:0 3px 8px #a21caf59}.back-button-container .high-score-display{display:inline-flex;align-items:center;gap:8px;background:#0000008c;color:#fff;padding:4px 8px;border-radius:10px}.back-button-container .high-score-display .anticon{filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.back-button-container .high-score-display .high-score{font-family:Consolas,Monaco,Lucida Console,Courier New,monospace;font-variant-numeric:tabular-nums;font-size:16px;color:inherit;background:none;padding:0;border-radius:0;font-weight:700}@media (min-width: 690px){.back-button-container{width:90%}}.play-title{width:100%;margin-top:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:16px}.play-title .tag-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;box-sizing:border-box;padding:0 clamp(8px,3cqw,20px)}.play-title .tag-row .tag-right{justify-self:end;display:flex;align-items:center;gap:8px}.play-title .play-mode-tag{display:flex;align-items:center;justify-content:center;height:42px;min-width:fit-content;font-size:24px;font-family:Chewy,cursive;color:#fff;border:none;text-transform:capitalize;border-radius:9999px;padding:0 14px}.play-container{width:100%;height:100%;max-width:768px;display:flex;flex-direction:column;background-image:url(/assets/cutboard-bg-DIf6pk9D.png);background-size:cover;background-position:center;background-repeat:no-repeat;align-items:center;box-sizing:border-box;padding-top:clamp(16px,7cqh,46px);padding-bottom:clamp(16px,6cqh,56px);padding-inline:clamp(8px,3cqw,20px)}.play-container .back-button-container{margin-top:0;padding-left:24px;display:flex}.play-container .back-button-container .to-menu-btn.ant-btn{font-family:Chewy,cursive;color:#fff;border:none;padding:8px 16px;font-weight:700;border-radius:9999px;background:linear-gradient(135deg,#d946ef,#a21caf);box-shadow:0 6px 12px #a21caf59;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.play-container .back-button-container .to-menu-btn.ant-btn:hover,.play-container .back-button-container .to-menu-btn.ant-btn:focus{filter:brightness(1.05)}.play-container .back-button-container .to-menu-btn.ant-btn:active{transform:translateY(2px);box-shadow:0 3px 8px #a21caf59}.play-container .play-title{width:100%;margin-top:clamp(12px,2cqh,24px);display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:16px}.play-container .play-title .main-title{font-size:48px}.play-container .play-title .play-mode-tag{display:flex;align-items:center;justify-content:center;height:42px;width:100px;min-width:fit-content;font-size:24px;font-family:Chewy,cursive;color:#fff;border:none;text-transform:capitalize;border-radius:9999px;padding:0 14px}.play-container .play-title .tag-row .tag-right .header-timer{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;background:#0000008c;color:#fff;padding:6px 10px;border-radius:8px}.play-container .image-prompter{margin-top:clamp(12px,4cqh,36px);width:min(65vw,450px);width:min(65cqw,450px);height:min(65vw,450px);height:min(65cqw,450px);border-radius:16px;border:12px solid transparent;background:linear-gradient(#fffaf0,#fffaf0) padding-box,linear-gradient(135deg,#6b3f1f,#a0602f 40%,#7a4d2b 75%,#5c371a) border-box;box-shadow:0 10px 18px #00000040,inset 0 1px #ffffff40;display:flex;align-items:center;justify-content:center;overflow:hidden}.play-container .image-prompter .image-container{position:relative;width:100%;height:100%}.play-container .image-prompter .prompt-title{position:absolute;top:8px;left:50%;transform:translate(-50%);margin:0;font-size:22px;font-weight:700;color:#fff;font-family:Georgia,Times New Roman,ui-serif,serif;padding:4px 10px;border-radius:10px;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.play-container .image-prompter .highlight-letter{color:#ffb020;font-weight:800}.play-container .image-prompter .prompt-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.play-container .counter-container{margin-top:clamp(4px,1cqh,10px)}.play-container .counter-container .counter-text{margin:0}.play-container .navigation-buttons{margin-top:clamp(8px,2cqh,16px);display:flex;flex-direction:row;width:min(80vw,520px);width:min(80cqw,520px);justify-content:space-around}.play-container .navigation-buttons .nav-btn.ant-btn{--btn-bg: #ffa726;--btn-bg-end: #fb8c00;--btn-edge: #7a3b00;--btn-highlight: rgba(255, 255, 255, .65);width:min(28vw,90px);width:min(28cqw,90px);position:relative;border:none;color:#fff;font-weight:700;padding:10px 18px;border-radius:12px;background:linear-gradient(180deg,var(--btn-bg),var(--btn-bg-end));box-shadow:0 6px 0 var(--btn-edge),0 10px 16px #00000040;text-shadow:0 1px 0 rgba(0,0,0,.25);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.play-container .navigation-buttons .nav-btn .anticon{font-size:22px;line-height:1}.play-container .navigation-buttons .nav-btn .anticon svg path{stroke:currentColor;stroke-width:24;stroke-linejoin:round;stroke-linecap:round}.play-container .navigation-buttons .nav-btn.ant-btn:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:8px;border-radius:10px;background:linear-gradient(180deg,var(--btn-highlight),rgba(255,255,255,0));pointer-events:none}.play-container .navigation-buttons .nav-btn.ant-btn:hover{filter:brightness(1.04)}.play-container .navigation-buttons .nav-btn.ant-btn:active,.play-container .navigation-buttons .nav-btn.ant-btn.is-pressed{transform:translateY(4px);box-shadow:0 2px 0 var(--btn-edge),0 6px 10px #00000040}.play-container .navigation-buttons .nav-btn.ant-btn[disabled],.play-container .navigation-buttons .nav-btn.ant-btn[disabled]:hover,.play-container .navigation-buttons .nav-btn.ant-btn[disabled]:active,.play-container .navigation-buttons .nav-btn.ant-btn[disabled].is-pressed{cursor:not-allowed;opacity:.55;filter:none;transform:none;box-shadow:0 3px #7a3b0059,0 4px 8px #00000026;pointer-events:none}.play-container .recall-button-container{margin-top:clamp(16px,4cqh,32px);width:100%;max-width:min(92cqw,860px);display:flex;justify-content:center}.play-container .recall-button-container .recall-btn.ant-btn{font-family:Chewy,cursive;font-size:36px;color:#fff;border:none;font-weight:800;letter-spacing:.3px;padding:24px 32px;border-radius:9999px;background:linear-gradient(90deg,#ff6b6b,#f7b733,#ffd93d,#1dd1a1,#54a0ff,#a29bfe,#ff6b6b);background-size:400% 100%;animation:rainbowSlide 8s linear infinite;box-shadow:0 8px 16px #00000040;text-shadow:0 1px 1px rgba(0,0,0,.25)}.play-container .recall-button-container .recall-btn.ant-btn:hover{filter:brightness(1.05)}.play-container .recall-button-container .recall-btn.ant-btn:active,.play-container .recall-button-container .recall-btn.ant-btn.is-pressed{transform:translateY(2px);box-shadow:0 4px 10px #00000040}@keyframes rainbowSlide{0%{background-position:0% 50%}to{background-position:400% 50%}}@media (prefers-reduced-motion: reduce){.recall-button-container .recall-btn.ant-btn{animation:none}}@media screen and (min-width: 690px){.play-container{padding:20px 72px}}.recall-key-binding{font-size:14px}.vkbd{--cols: 10;--col-gap: clamp(6px, 1.2vmin, 14px);--key-size: clamp(40px, calc((100% - (var(--cols) - 1) * var(--col-gap)) / var(--cols)), 72px);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;column-gap:var(--col-gap);row-gap:clamp(16px,3vmin,32px)}.vkbd-row{display:flex;gap:var(--col-gap);align-items:center;width:100%;justify-content:center;height:calc(var(--key-size) * 1.5);flex:0 0 auto}.vkbd-key{position:relative;width:var(--key-size);height:calc(var(--key-size) * 1.5);border:none;border-radius:4px;display:grid;grid-template-rows:1fr auto;align-items:center;background-size:cover;background-position:center;justify-items:center;padding:6px 8px 8px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.vkbd-key.is-pressed{transform:translateY(4px);box-shadow:0 2px #9aa0a6,0 6px 10px #00000026}.vkbd-img-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.vkbd-label{font-weight:600;font-size:24px;color:orange;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.recall-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-image:url(/assets/cutboard-bg-DIf6pk9D.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;padding-top:clamp(16px,7cqh,24px);padding-bottom:clamp(16px,6cqh,56px);padding-inline:clamp(24px,8cqw,72px)}.recall-container .recall-subrow{width:100%;display:flex;justify-content:center;align-items:center;gap:clamp(12px,3cqw,32px);box-sizing:border-box;padding:0;margin-top:clamp(8px,2.5cqh,16px)}.recall-container .recall-subrow .max-seen-count,.recall-container .recall-subrow .current-count{margin:0;font-size:18px;text-align:center;white-space:nowrap}.recall-container .recall-timer{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;background:#0000008c;color:#fff;padding:6px 10px;border-radius:8px}.recall-container .feedback-region{width:100%;display:flex;justify-content:center;align-items:center}.recall-container .feedback-region .feedback-animation{margin-top:24px;width:min(40vw,420px);width:min(40cqw,420px);max-width:168px}.recall-container .keyboard-region{margin-top:auto;width:100%;max-width:min(92cqw,860px);height:clamp(220px,38cqh,420px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px clamp(24px,8cqw,72px) 16px}.high-score{font-family:Consolas,Monaco,Lucida Console,Courier New,monospace;font-variant-numeric:tabular-nums}@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chewy-latin-400-normal-BFhrjfYU.woff2) format("woff2"),url(/assets/chewy-latin-400-normal-Bytuav8a.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{width:100vw;min-height:100svh;height:100dvh;margin:0;font-family:Chewy,cursive}h1{margin:0}.main-container{width:100vw;background-color:#ffe5b4;min-height:100svh;height:100dvh}.main-container .main-content{height:100%;max-width:768px;margin:0 auto;container-type:size;container-name:app-stage;position:relative}.orientation-gate{position:relative}.orientation-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.orientation-overlay .panel{background:#fff9f0;color:#111;border-radius:16px;padding:24px 28px;box-shadow:0 10px 24px #00000059;text-align:center;font-family:Chewy,cursive}.orientation-overlay .panel h2{margin:0 0 8px;font-size:28px}.orientation-overlay .panel p{margin:0;font-size:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}