:root{font-family:Arial Black,Yu Gothic,Meiryo,sans-serif;color:#173c3c;font-weight:900;--yellow:#ffdf39;--pink:#ef5266;--ink:#173c3c}*{box-sizing:border-box}body{margin:0;background:#b8dacc}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:none}button:focus-visible,a:focus-visible{outline:4px solid #ed5371;outline-offset:5px}[hidden]{display:none!important}#game{position:relative;height:100dvh;min-height:590px;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%}header{position:absolute;top:24px;left:34px;right:34px;display:flex;align-items:center;gap:22px;z-index:4}.brand{color:var(--ink);text-decoration:none;font-size:20px;line-height:.85;transform:rotate(-6deg);letter-spacing:-1px}.brand span{font-size:15px}.score{margin-left:auto;background:#fff9e7;border:3px solid var(--ink);padding:8px 22px;border-radius:12px;box-shadow:3px 4px 0 var(--ink);font-size:13px}.score strong{font-size:34px;margin-left:12px;line-height:1}.score small{display:block;font-size:11px}.round{border:2px solid var(--ink);background:#fff8e4;border-radius:50%;width:53px;height:53px;font-size:11px}.shop-sign{position:absolute;top:115px;right:9%;font-size:48px;letter-spacing:4px;color:#fff5d2;transform:rotate(-4deg);text-shadow:3px 3px #9c362e}.shop-sign i{display:block;font-style:normal;font-size:13px;letter-spacing:3px;text-align:center;color:#ffde44}#intro{position:absolute;top:24%;left:8%;width:420px}.eyebrow{font-size:13px;letter-spacing:2px;margin-bottom:20px}h1{font-size:55px;line-height:1.15;letter-spacing:-4px;margin:0;filter:drop-shadow(3px 4px 0 #fff7db)}h1 span{display:block;font-size:67px}h1 em{display:block;font-style:normal;font-size:76px;color:#e84c39;-webkit-text-stroke:2px var(--ink);letter-spacing:-5px}#intro p{font-size:15px;line-height:1.9;margin:22px 0}button.primary{background:var(--yellow);border:3px solid var(--ink);border-radius:12px;box-shadow:0 6px 0 var(--ink);padding:14px 24px;font-size:21px;width:100%;display:flex;justify-content:space-between}button.primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.secondary{border:2px solid var(--ink);background:#fff9e7;border-radius:10px;padding:12px 16px;width:100%;margin-top:14px;font-size:13px}#intro>small{display:block;margin-top:19px;font-size:11px;letter-spacing:1px}#order{position:absolute;top:17%;left:50%;transform:translate(-50%);width:min(620px,90vw);background:#fff9e7;border:3px solid var(--ink);border-radius:16px;padding:14px 22px;box-shadow:5px 6px 0 var(--ink);z-index:3}.phase{display:flex;justify-content:space-between;font-size:12px}.phase b{background:var(--ink);color:#fff;padding:4px 10px;border-radius:4px}.phase span{padding:4px}#phrase{font-size:25px;line-height:1.35;margin:10px 0}#beats{display:flex;gap:8px}.beat{font-size:12px;border:2px solid #b5c8b5;border-radius:6px;padding:5px 9px;transition:transform .1s}.beat.active{background:var(--yellow);border-color:var(--ink);transform:translateY(-4px)}.beat.done{background:#acd6a6;border-color:var(--ink)}.track{height:5px;background:#dfdfcd;border-radius:4px;margin-top:12px;overflow:hidden}#progress{height:100%;background:var(--pink);width:0}#hint{font-size:12px;margin:8px 0 0}#controls{position:absolute;bottom:38px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:5}#controls button{width:142px;height:96px;border:3px solid var(--ink);border-radius:13px;background:#fff8df;box-shadow:0 6px 0 var(--ink);display:grid;grid-template-columns:50px 1fr;align-items:center;padding:8px 10px}#controls button:nth-child(2){background:#ffe345}#controls button:nth-child(3){background:#ff9a76}.food{font-size:33px;grid-row:1/3}#controls b{font-size:18px}#controls small{font-size:10px}#controls button:active,#controls button.pressed{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}#keyhelp{position:absolute;bottom:12px;width:100%;text-align:center;font-size:10px}#burger-target{position:absolute;left:50%;transform:translate(-50%);top:63%;height:120px;width:240px;touch-action:none;z-index:4}#pickle{position:absolute;top:12px;left:25px;transform:rotate(-5deg);background:#d4ef77;border:2px solid var(--ink);border-radius:8px;padding:7px 10px;font-size:12px}#pickle span{display:block;font-size:10px}.serve-hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;background:#fff8dfbd;border-radius:9px;padding:4px;pointer-events:none}#pop{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);color:var(--yellow);font-size:48px;white-space:nowrap;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;filter:drop-shadow(3px 3px 0 white);pointer-events:none;z-index:6}#tutorial-note{position:absolute;top:40%;left:24px;width:240px;background:#fff9e7;border:3px solid var(--ink);border-radius:14px;padding:18px;box-shadow:4px 4px 0 var(--ink);z-index:4}#tutorial-note b{font-size:18px}#tutorial-note p{font-size:13px;line-height:1.8}#skip{border:0;background:none;color:var(--ink);text-decoration:underline;font-size:11px;padding:0}#home{position:absolute;bottom:25px;left:25px;z-index:6}#result{position:absolute;inset:0;z-index:10;background:#153e3d99;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-panel{background:#fff9e7;border:4px solid var(--ink);border-radius:22px;box-shadow:8px 9px 0 var(--ink);padding:30px;width:min(430px,90vw);text-align:center}.stamp{display:inline-block;background:var(--pink);color:#fff;transform:rotate(-6deg);padding:7px 25px;border:2px solid var(--ink)}.result-panel h2{font-size:33px;margin:17px 0 12px}.result-panel p{font-size:13px}.result-score strong{font-size:90px;line-height:1.3;color:#e84c39}.text-button{background:none;border:0;text-decoration:underline;margin-top:17px;font-size:12px}#toast{position:absolute;bottom:150px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:10px;font-size:13px;padding:8px 17px;display:none;z-index:8}body.playing .shop-sign{display:none}@media(min-width:1500px){#intro{left:13%}}@media(max-width:760px){header{top:16px;left:18px;right:18px}.shop-sign{top:105px;right:5%;font-size:28px}#intro{top:auto;bottom:7%;left:6%;width:88%;max-width:420px}h1{font-size:36px}h1 span{font-size:43px}h1 em{font-size:53px}#intro p{font-size:12px;margin:12px 0}.eyebrow{font-size:10px;margin-bottom:9px}#intro>small{font-size:10px;margin-top:12px}#order{top:13%;padding:12px 14px}#phrase{font-size:19px}.beat{font-size:10px;padding:5px}#controls{bottom:35px;gap:9px;width:92%}#controls button{width:33.33%;height:80px;padding:7px;grid-template-columns:34px 1fr}.food{font-size:25px}#controls b{font-size:15px}#controls small{font-size:9px}#home{left:10px;bottom:140px;width:42px;height:42px}#tutorial-note{left:5%;top:39%;width:90%;padding:9px 14px}#tutorial-note b{font-size:13px}#tutorial-note p{font-size:11px;line-height:1.4;margin:5px 0}#pop{font-size:36px;top:55%}#burger-target{top:65%;height:95px}.score{padding:6px 14px}.score strong{font-size:29px}#intro .primary{font-size:18px;padding:11px 20px}#intro .secondary{padding:9px;margin-top:11px}}@media(max-height:700px){#order{top:14%}#phrase{margin:6px 0}.track{margin-top:6px}#controls{bottom:28px}#controls button{height:70px}#tutorial-note{top:41%;padding:8px}#tutorial-note p{margin:4px 0}#intro{bottom:5%}#intro p{margin:10px 0}#intro>small{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(min-width:761px){#order{left:30px;top:120px;transform:none;width:390px}#tutorial-note{top:390px;left:30px;width:300px}}@media(max-width:760px){#tutorial-note{top:49%}#order{padding:10px 12px}#order h2{font-size:18px}#beats{gap:5px;flex-wrap:wrap}#hint{font-size:11px}}@media(max-width:760px)and (max-height:700px){#tutorial-note{top:48%;padding:7px 10px}#tutorial-note p{font-size:10px}#order{top:12%;padding:8px 10px}#order h2{font-size:16px}.phase{font-size:10px}.beat{padding:3px;font-size:9px}#intro .eyebrow{display:none}#intro h1{font-size:30px}#intro h1 span{font-size:37px}#intro h1 em{font-size:45px}}:root{--meat:#eab68d;--cheese:#ffdf39;--kimchi:#ff9477;--pickle:#c9e982;--serve:#8de0df;--lane-height:108px;--control-height:96px;--control-bottom:38px;--control-gap:14px;--control-width:454px}button{color:var(--ink)}#rhythm-lanes{position:absolute;z-index:4;left:50%;transform:translate(-50%);bottom:calc(var(--control-bottom) + var(--control-height) + 12px);width:var(--control-width);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--control-gap);pointer-events:none}.lane{--ingredient:var(--meat);height:var(--lane-height);position:relative;background:color-mix(in srgb,var(--ingredient) 22%,#fff9e7db);border:2px solid #173c3c70;border-bottom:0;border-radius:9px 9px 0 0;overflow:hidden}.lane[data-kind=cheese]{--ingredient:var(--cheese)}.lane[data-kind=kimchi]{--ingredient:var(--kimchi)}.lane>b{position:absolute;top:0;left:0;right:0;text-align:center;font-size:10px;padding:3px;background:var(--ingredient);border-bottom:1px solid #173c3c40}.hit-line{position:absolute;bottom:1px;left:0;right:0;border-top:3px solid var(--ink);padding-top:3px;text-align:center;font-size:9px;background:#fff9e7e0;z-index:2}.rhythm-note{position:absolute;left:5px;right:5px;border:2px solid var(--ink);border-radius:5px;background:var(--ingredient);font-size:11px;text-align:center;padding:3px 0;transform:translateY(-100%);box-shadow:0 2px #173c3c70;overflow:hidden}.rhythm-note.due{outline:2px solid white}.rhythm-note.holding{background:linear-gradient(to top,#fff9e7 var(--held),var(--ingredient) var(--held))}.lane.due{border-color:var(--ink);box-shadow:0 0 0 2px #fff9e7}.lane.due .hit-line{background:var(--ingredient)}#controls{width:var(--control-width);gap:var(--control-gap);bottom:var(--control-bottom)}#controls button{width:calc((100% - 2 * var(--control-gap))/3);height:var(--control-height)}#controls button:first-child{background:var(--meat)}#controls button.due{outline:3px solid white;outline-offset:2px;box-shadow:0 6px 0 var(--ink),0 0 0 5px var(--ink)}.beat[data-kind=meat]{background:var(--meat)}.beat[data-kind=cheese]{background:var(--cheese)}.beat[data-kind=kimchi]{background:var(--kimchi)}.beat[data-kind=pickle]{background:var(--pickle)}.beat[data-kind=serve]{background:var(--serve)}.beat.active{outline:2px solid var(--ink);border-color:#fff}.action-meter{position:relative;display:block;height:19px;border:1px solid var(--ink);border-radius:4px;overflow:hidden;background:#fff9e7;margin-top:4px;min-width:82px;--fill:0%;font-size:9px}.action-meter i{position:absolute;inset:0 auto 0 0;width:var(--fill);background:var(--pickle)}.action-meter b{position:relative;display:block;padding:2px 4px;white-space:nowrap}.action-meter[data-meter=serve] i{background:var(--serve)}.action-meter.due{outline:2px solid white;box-shadow:0 0 0 3px var(--ink)}#burger-target{top:59%;height:120px}.serve-hint{bottom:0;padding:3px 7px}.serve-hint .action-meter{max-width:170px;margin:3px auto 0}#pickle{top:0;left:6px;z-index:1}#home{bottom:calc(var(--control-bottom) + var(--control-height) + var(--lane-height) + 25px)}@media(min-width:761px){#tutorial-note{top:390px}#order{padding:12px 16px}#hint{line-height:1.5}}@media(max-width:760px){:root{--lane-height:88px;--control-height:80px;--control-bottom:35px;--control-gap:9px;--control-width:92vw}#order{top:98px;padding:9px 12px}#order h2{font-size:16px;margin:6px 0}#hint{font-size:10px;line-height:1.4;margin-top:6px}.phase{font-size:10px}.beat{padding:3px 5px;font-size:9px}#tutorial-note{top:47%;padding:7px 12px}#tutorial-note p{font-size:10px;line-height:1.4}#burger-target{top:61%;height:112px}#pickle{padding:4px 7px}#home{bottom:calc(var(--control-bottom) + var(--control-height) + var(--lane-height) + 20px)}.rhythm-note{font-size:10px;left:3px;right:3px}#controls small{font-size:9px}}@media(max-height:700px){:root{--lane-height:68px;--control-height:70px;--control-bottom:28px}#order{top:88px;padding:7px 10px}#order h2{font-size:15px}.phase,#hint{font-size:9px}.beat{font-size:8px;padding:2px 4px}#tutorial-note{top:43%;padding:6px 9px}#tutorial-note b{font-size:11px}#tutorial-note p,#skip{font-size:9px}#burger-target{top:58%;height:100px}.rhythm-note{font-size:9px}.lane>b{font-size:9px}.hit-line{font-size:8px}#home{width:36px;height:36px}}.guided #controls button:disabled{opacity:.38;cursor:default;filter:saturate(.5)}.tutorial-target{outline:4px solid #fff!important;outline-offset:3px;box-shadow:0 0 0 8px #ef5266,0 6px 0 var(--ink)!important}#controls .tutorial-target:after,#pickle.tutorial-target:after,#burger-target.tutorial-serve:after{content:attr(data-guide);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:#ef5266;color:#fff;border:2px solid var(--ink);border-radius:7px;padding:7px 9px;font-size:12px;box-shadow:0 2px 0 var(--ink);z-index:7;pointer-events:none}#controls button{position:relative}#pickle.tutorial-target:after{left:0;transform:none;font-size:11px}#burger-target.tutorial-serve:after{bottom:0;background:#8de0df;color:var(--ink);padding:8px 12px}#burger-target.tutorial-serve{outline:4px dashed #ef5266;outline-offset:4px;border-radius:15px;background:#fff9e720}@media(max-width:760px){#controls .tutorial-target:after{font-size:10px;padding:6px}#tutorial-note{top:46%}}@media(max-width:760px){#order #beats{display:none}#order h2{line-height:1.4}#pickle{top:22px;left:-5px}}#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game button,#burger-target{touch-action:none}:root{--kitchen-width:540px;--kitchen-height:266px;--ink:#173c3c}#game{min-height:540px}header{top:16px;left:24px;right:24px}.score{padding:6px 16px}.score strong{font-size:30px}#order{top:100px;left:24px;transform:none;width:380px;padding:14px 18px;border-radius:14px;box-shadow:3px 4px 0 var(--ink)}.phase{align-items:center;font-size:12px}.phase b{font-size:18px;background:none;color:var(--ink);padding:0}.phase span{font-size:11px;white-space:nowrap}#phrase{font-size:21px;margin:10px 0;line-height:1.45}#hint{font-size:12px;line-height:1.4;margin:8px 0 0}#beats{display:flex;flex-wrap:wrap;gap:6px}.beat{font-size:11px;padding:4px 7px}.beat.active{transform:none;outline:2px solid var(--ink)}#tutorial-note{position:static!important;left:auto;top:auto;bottom:auto;width:auto!important;background:none;border:0;border-radius:0;padding:0!important;box-shadow:none}#lesson-title{display:block;font-size:22px;line-height:1.4;margin-top:10px}#tutorial-note p{font-size:14px;line-height:1.6;margin:8px 0 10px}#skip{font-size:12px;padding:5px 0;color:#315f5d}body[data-mode=practice] #phrase,body[data-mode=practice] #beats,body[data-mode=practice] #hint{display:none!important}body[data-mode=practice] #phase{font-size:14px}body[data-mode=practice] #order{border-color:#ef5266}#kitchen{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5;width:min(var(--kitchen-width),100%);height:var(--kitchen-height);padding:0 16px 24px;background:#fff9e7;border:3px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -5px #ffffff90;display:grid;grid-template-rows:53px 1fr 74px;row-gap:7px}#next-action{display:flex;justify-content:center;align-items:center;flex-direction:column;border-bottom:2px solid #173c3c24;gap:3px;min-width:0}#next-action b{font-size:22px;line-height:1.2}#next-action span{font-size:12px;line-height:1.3}body[data-mode=listen] #next-action{color:#4f6362}body[data-mode=respond] #next-action b{color:#b63435}body[data-mode=respond] #next-action span{font-size:13px}body[data-mode=practice] #next-action b{color:#b63435}#rhythm-lanes{position:relative!important;inset:auto!important;transform:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%!important;height:100%;min-height:0;z-index:0}.lane{height:100%;border:2px solid #173c3c55;border-bottom:0;border-radius:7px 7px 0 0;background:color-mix(in srgb,var(--ingredient) 24%,#fff9e7)}.lane>b{font-size:12px;padding:3px}.hit-line{bottom:0;font-size:10px;border-top:4px solid var(--ink);padding:4px 0 3px;line-height:1.2}.rhythm-note{font-size:12px;left:5px;right:5px;padding:4px 0;border-radius:5px}.lane.due{box-shadow:none;border-color:var(--ink)}.lane.due .hit-line{color:#fff;background:var(--ink)}#controls{position:relative!important;inset:auto!important;transform:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;gap:10px;z-index:1}#controls button{width:100%!important;height:74px!important;min-width:0;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 20px;gap:0;padding:6px;border-radius:9px;box-shadow:0 4px 0 var(--ink);transition:opacity .15s}.food{font-size:28px;grid-row:1/3}#controls b{font-size:19px}#controls small{font-size:11px}#controls button:disabled{opacity:.42;cursor:default;filter:saturate(.5)}#controls button.due{outline:3px solid #ef5266;outline-offset:2px;box-shadow:0 4px 0 var(--ink)}#controls .tutorial-target{outline:3px solid #ef5266!important;outline-offset:2px;box-shadow:0 4px 0 var(--ink)!important}#controls .tutorial-target:after{inset:-9px 4px auto auto;transform:none;font-size:11px;border:0;padding:3px 8px;box-shadow:none;border-radius:4px}#keyhelp{position:absolute;bottom:5px;left:0;width:100%;font-size:10px;line-height:1.2;color:#315f5d}#burger-target{top:auto!important;bottom:calc(var(--kitchen-height) + 14px);height:108px!important;width:240px;left:50%;transform:translate(-50%);z-index:4}#pickle{top:9px;left:0;font-size:14px;padding:8px 12px;border:3px solid var(--ink);background:var(--pickle);border-radius:10px;transform:rotate(-5deg)}#pickle>span:not(.action-meter){font-size:12px}.action-meter{font-size:11px;height:24px;min-width:100px}.action-meter b{padding:4px}.serve-hint{bottom:0;left:0;right:0;padding:9px 8px;border:3px solid var(--ink);background:#8de0df;font-size:14px;border-radius:12px}.serve-hint .action-meter{margin:5px auto 0;max-width:180px}.gesture-active .serve-hint{box-shadow:0 3px 0 var(--ink)}#burger-target.tutorial-serve{outline:4px dashed #ef5266;outline-offset:4px;background:#fff9e750}#burger-target.tutorial-serve:after{display:none}#pickle.tutorial-target:after{font-size:12px;bottom:calc(100% + 10px)}#home{top:90px;bottom:auto!important;right:24px;left:auto;width:46px;height:46px;font-size:11px;background:#fff9e7}#pop{top:50%;font-size:42px}#toast{bottom:calc(var(--kitchen-height) + 22px);font-size:13px;max-width:90%;text-align:center}body[data-mode=listen] #burger-target,body[data-mode=countdown] #burger-target{pointer-events:none}body[data-mode=serving] #rhythm-lanes{opacity:.35}#intro .primary{font-size:20px}#intro>small{font-size:12px}#intro .secondary{font-size:15px}@media(max-width:760px){:root{--kitchen-height:252px}header{top:12px;left:16px;right:16px;gap:14px}.brand{font-size:18px}.brand span{font-size:13px}.score{padding:5px 12px}.score strong{font-size:28px}.score small{font-size:10px}.round{width:45px;height:45px}#order{top:85px;left:14px;width:calc(100% - 28px);padding:10px 13px;box-shadow:2px 3px 0 var(--ink);border-width:2px;border-radius:12px}.phase b{font-size:19px}.phase span{font-size:10px}#phrase{font-size:17px!important;line-height:1.4;margin:8px 0!important}#order #beats{display:none}#hint{font-size:12px!important;margin-top:5px;line-height:1.4}#lesson-title{font-size:20px}#tutorial-note p{font-size:13px;line-height:1.5}#skip{font-size:11px}#kitchen{padding:0 13px 23px;grid-template-rows:51px 1fr 70px;border-left:0;border-right:0}#next-action b{font-size:20px}#next-action span{font-size:12px}.lane>b{font-size:11px}.rhythm-note{font-size:11px;left:3px;right:3px}.hit-line{font-size:10px}#controls button{height:70px!important;grid-template-columns:30px 1fr;padding:5px}#controls b{font-size:17px}#controls small{font-size:10px}.food{font-size:25px}#home{top:225px;right:14px;width:39px;height:39px;font-size:10px;z-index:4}#burger-target{width:220px;bottom:calc(var(--kitchen-height) + 8px)}#keyhelp{font-size:9px}#intro .primary{font-size:18px}#intro>small{font-size:11px}}@media(max-height:700px){:root{--kitchen-height:215px}#kitchen{grid-template-rows:43px 1fr 60px;padding-bottom:19px;row-gap:5px}#next-action b{font-size:17px}#next-action span{font-size:11px}#controls button{height:60px!important}#controls b{font-size:16px}#controls small{font-size:9px}.lane>b{font-size:10px}.rhythm-note{font-size:10px}.hit-line{font-size:9px;padding:3px 0}#order{top:82px;padding:8px 11px}.phase b{font-size:17px}#phrase{font-size:15px!important;margin:6px 0!important}#hint{font-size:11px!important}#lesson-title{font-size:18px;margin-top:6px}#tutorial-note p{font-size:12px;margin:5px 0}#skip{font-size:10px;padding:2px 0}#home{top:210px;width:34px;height:34px}#burger-target{height:90px!important;width:210px;bottom:calc(var(--kitchen-height) + 5px)}#pickle{padding:5px 9px;font-size:12px}.serve-hint{font-size:12px;padding:6px}.action-meter{height:21px;font-size:10px}#pop{font-size:34px;top:45%}#keyhelp{font-size:8px}}@media(max-width:350px){#next-action b{font-size:17px}.phase b{font-size:16px}#controls,#rhythm-lanes{gap:7px}#controls button{grid-template-columns:25px 1fr}#controls b{font-size:15px}.food{font-size:22px}#controls small{font-size:9px}}.round{padding:0;white-space:nowrap;line-height:1.1}#tutorial-note #lesson-title{font-size:22px}body[data-mode=practice] #phase{font-size:15px}#home{border-radius:9px;width:50px;height:30px}@media(max-width:760px){#tutorial-note #lesson-title{font-size:20px}body[data-mode=practice] #phase{font-size:14px}#home{width:44px;height:28px;top:220px}}@media(max-height:700px){#tutorial-note #lesson-title{font-size:18px}body[data-mode=practice] #phase{font-size:12px}#home{top:210px}}#tutorial-note #skip{position:absolute;bottom:-28px;right:0;background:#fff9e7;border:1px solid var(--ink);border-radius:5px;padding:4px 8px;font-size:11px;text-decoration:none}#tutorial-note p{margin-bottom:2px}@media(max-height:700px){#tutorial-note p{font-size:11px;line-height:1.4;margin:4px 0 2px}#tutorial-note #skip{font-size:10px;bottom:-24px;padding:3px 6px}}:root{--kitchen-height:174px}#kitchen{height:var(--kitchen-height);padding:6px 16px max(18px,env(safe-area-inset-bottom));display:grid;grid-template-rows:34px 1fr;gap:8px;border-width:2px;border-radius:20px 20px 0 0;box-shadow:none}#rhythm-lanes,#keyhelp{display:none!important}#next-action{border:0;justify-content:center;min-height:0}#next-action b{font-size:19px;line-height:1.3;color:var(--ink)!important}#next-action span{display:none!important}#controls{height:100%;gap:12px}#controls button{height:100%!important;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 6px 15px;border:2px solid #173c3c80;border-radius:12px;box-shadow:none;background:#f7ecd9!important;outline:none!important;overflow:hidden;transition:opacity .12s,background .12s}#controls button:nth-child(2){background:#fff0a9!important}#controls button:nth-child(3){background:#ffd8c8!important}#controls .food{font-size:30px;line-height:1}#controls b{font-size:18px;line-height:1.2}#controls small{font-size:11px;line-height:1.2;color:#315f5d}#controls button:disabled{opacity:.45;filter:saturate(.5)}#controls button.upcoming{border-color:var(--ink)}#controls button.due,#controls button.tutorial-target{border:3px solid var(--ink);background:var(--meat)!important;box-shadow:none!important;outline:none!important}#controls button[data-action=cheese].due,#controls button[data-action=cheese].tutorial-target{background:var(--cheese)!important}#controls button[data-action=kimchi].due,#controls button[data-action=kimchi].tutorial-target{background:var(--kimchi)!important}#controls .tutorial-target:after{display:none!important}.button-timing{position:absolute;bottom:6px;left:10px;right:10px;height:5px;border-radius:4px;background:#173c3c1a;opacity:0;overflow:hidden}.button-timing i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(var(--timing,0));transform-origin:left center}#controls button.has-timing .button-timing{opacity:1}#burger-target{bottom:max(calc(var(--kitchen-height) + 12px),calc(28dvh + 20px))!important}@media(max-width:760px){:root{--kitchen-height:166px}#kitchen{grid-template-rows:32px 1fr;padding:5px 14px max(16px,env(safe-area-inset-bottom));gap:7px}#next-action b{font-size:17px}#controls{gap:10px}#controls button{padding:7px 5px 14px}#controls b{font-size:17px}#controls .food{font-size:28px}#controls small{font-size:11px}}@media(max-height:700px){:root{--kitchen-height:150px}#kitchen{grid-template-rows:29px 1fr;gap:5px;padding-bottom:12px}#next-action b{font-size:16px}#controls .food{font-size:25px}#controls b{font-size:16px}#controls small{font-size:10px}}#order-timeline{position:relative;height:40px;margin:0 4px;isolation:isolate;pointer-events:none}#order-timeline:before{content:"";position:absolute;left:5%;right:5%;top:20px;height:5px;background:#d7d8bd;border-radius:4px}.timeline-mark{position:absolute;top:6px;transform:translate(-50%);width:27px;height:27px;display:grid;place-items:center;font-size:20px;line-height:1;background:#fff9e7;border-radius:50%;z-index:2}.timeline-mark[data-kind=serve]{background:var(--serve);font-size:20px;font-style:normal}.timeline-mark.current{outline:2px solid var(--ink)}.timeline-mark.passed{opacity:.32}.timeline-hold{position:absolute;top:15px;height:14px;background:var(--cheese);border-radius:4px;z-index:1}.timeline-cursor{position:absolute;top:0;bottom:0;width:3px;background:var(--ink);transform:translate(-50%);z-index:3}.timeline-cursor:before{content:"";position:absolute;top:0;left:-4px;border:5px solid transparent;border-top:7px solid var(--ink)}body[data-mode=practice],body[data-mode=listen],body[data-mode=respond]{--kitchen-height:220px}body[data-mode=practice] #kitchen,body[data-mode=listen] #kitchen,body[data-mode=respond] #kitchen{grid-template-rows:31px 40px 1fr;gap:6px}@media(max-width:760px){body[data-mode=practice],body[data-mode=listen],body[data-mode=respond]{--kitchen-height:212px}}@media(max-height:700px){body[data-mode=practice],body[data-mode=listen],body[data-mode=respond]{--kitchen-height:196px}body[data-mode=practice] #kitchen,body[data-mode=listen] #kitchen,body[data-mode=respond] #kitchen{grid-template-rows:27px 36px 1fr;gap:4px}#order-timeline{height:36px}}#controls{grid-template-columns:repeat(var(--ingredient-count,3),minmax(0,1fr));max-width:calc(var(--ingredient-count,3) * 160px);margin:0 auto}#controls button[data-action=kimchi]{order:3}#controls button[data-action=cheese]{order:2}#controls button[data-action=meat]{order:1}.timeline-hold{height:15px;top:14px;border:1px solid #ae8612;overflow:visible;--hold-fill:0%}.timeline-hold:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--hold-fill);background:#b48c0f;border-radius:3px}.timeline-hold:after{content:"";position:absolute;right:-2px;top:-3px;height:19px;width:3px;border-radius:2px;background:var(--ink)}.timeline-hold b{display:none;position:absolute;top:16px;font-size:10px;line-height:1.3;white-space:nowrap;font-style:normal;color:var(--ink)}.timeline-hold.hold-active b{display:block}.hold-start{left:0;transform:translate(-50%)}.hold-end{right:0;transform:translate(50%)}.timeline-hold.hold-finished{outline:2px solid var(--ink)}.timeline-hold.hold-finished .hold-end{color:#b63435}