:root{--red:#E01B08;--gold:#F8D70E;--navy:#11205B;--teal:#1E9E94;--cream:#FFF6D8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:#0e6a63;font-family:Trebuchet MS,Avenir Next Rounded,Nunito,system-ui,sans-serif;font-weight:800;color:var(--navy);overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;touch-action:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud>*{pointer-events:auto}.top{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top) + 8px) 8px 0;display:flex;gap:6px;align-items:flex-start;pointer-events:none!important}.top>*{pointer-events:auto}.lvl{position:relative;display:flex;align-items:center;min-width:0;flex:1.2}.lvlb{width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe86b,#f8d70e 55%,#d9a800);border:3px solid var(--navy);display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 3px 0 var(--navy);z-index:2;color:var(--navy)}.xpw{margin-left:-10px;flex:1;height:20px;background:#0b1550;border:3px solid var(--navy);border-radius:0 12px 12px 0;overflow:hidden;position:relative;box-shadow:0 3px 0 var(--navy)}.xpb{height:100%;background:linear-gradient(#7fe0ff,#2aa8e8);width:0;transition:width .3s}.xpt{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;color:#fff;text-align:center;line-height:14px;text-shadow:0 1px 0 var(--navy)}.pill{display:flex;align-items:center;gap:4px;background:var(--cream);border:3px solid var(--navy);border-radius:20px;padding:3px 4px 3px 8px;height:30px;font-size:14px;box-shadow:0 3px 0 var(--navy);white-space:nowrap}.pill b{min-width:34px;text-align:right}.pill .plus{background:var(--red);color:#fff;border:2px solid var(--navy);border-radius:50%;width:20px;height:20px;line-height:15px;padding:0;font-size:14px}.col{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.side{position:absolute;right:8px;top:calc(env(safe-area-inset-top) + 78px);display:flex;flex-direction:column;gap:8px}.rb{width:44px;height:44px;border-radius:14px;background:var(--cream);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);font-size:21px;padding:0;position:relative}.rb.on{background:var(--gold)}.tools{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 76px);display:flex;justify-content:center;gap:5px;padding:0 6px;pointer-events:none!important}.tools>*{pointer-events:auto}.tl{background:var(--cream);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);border-radius:14px;min-width:54px;height:50px;padding:0 4px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}.tl i{font-style:normal;font-size:20px}.tl.on{background:var(--gold);transform:translateY(-4px)}.seeds{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 132px);display:flex;gap:6px;padding:6px 8px;overflow-x:auto;pointer-events:auto;scrollbar-width:none;touch-action:pan-x}.sd{flex:none;width:68px;background:var(--cream);border:3px solid var(--navy);border-radius:14px;padding:3px 2px;text-align:center;font-size:10px;box-shadow:0 3px 0 var(--navy);position:relative}.sd i{display:block;font-style:normal;font-size:24px}.sd.on{background:var(--gold)}.sd.lock{filter:grayscale(1);opacity:.7}.bar{position:absolute;left:0;right:0;bottom:0;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);display:flex;gap:6px;background:linear-gradient(transparent,#0a145000)}.nb{flex:1;position:relative;height:62px;border-radius:16px;background:linear-gradient(#ff5a3c,var(--red));border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);color:#fff;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-shadow:0 2px 0 var(--navy)}.nb i{font-style:normal;font-size:24px;line-height:1}.nb:active{transform:translateY(3px);box-shadow:0 1px 0 var(--navy)}.dot{position:absolute;top:-7px;right:-4px;min-width:21px;height:21px;border-radius:11px;background:var(--gold);color:var(--navy);border:2px solid var(--navy);font-size:12px;line-height:17px;text-align:center;text-shadow:none;padding:0 4px}.sheetw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;background:#050a3259}.sheet{width:100%;max-height:74%;overflow:auto;background:var(--cream);border:4px solid var(--navy);border-bottom:0;border-radius:24px 24px 0 0;padding:12px 12px calc(env(safe-area-inset-bottom) + 14px);animation:up .22s ease-out;touch-action:pan-y;position:relative}@keyframes up{0%{transform:translateY(60%);opacity:.3}}.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;position:sticky;top:-12px;background:var(--cream);z-index:3;padding:2px 0 4px}.sh h2{margin:0;font-size:20px;color:var(--red);text-shadow:1px 1px 0 var(--navy),-1px -1px 0 var(--navy),1px -1px 0 var(--navy),-1px 1px 0 var(--navy)}.x{width:36px;height:36px;border-radius:50%;border:3px solid var(--navy);background:var(--red);color:#fff;font-size:16px;padding:0}.tabs{display:flex;gap:5px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.tab{flex:none;padding:6px 11px;border-radius:14px;border:3px solid var(--navy);background:#fff;font-size:13px}.tab.on{background:var(--gold)}.card{display:flex;gap:9px;align-items:center;background:#fff;border:3px solid var(--navy);border-radius:16px;padding:7px 8px;margin-bottom:7px;font-size:13px}.card .em{font-size:30px;width:44px;text-align:center;flex:none}.card .m{flex:1;min-width:0}.card .m small{display:block;font-weight:700;opacity:.75;font-size:11px;line-height:1.2}.card.lock{opacity:.6;background:#e9e2c8}.btn{border:3px solid var(--navy);border-radius:13px;background:linear-gradient(#ffe86b,var(--gold));padding:7px 11px;font-size:13px;box-shadow:0 3px 0 var(--navy);white-space:nowrap}.btn.r{background:linear-gradient(#ff5a3c,var(--red));color:#fff;text-shadow:0 1px 0 var(--navy)}.btn.t{background:linear-gradient(#3fd0c4,var(--teal));color:#fff;text-shadow:0 1px 0 var(--navy)}.btn:disabled{filter:grayscale(1);opacity:.55}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cell{background:#fff;border:3px solid var(--navy);border-radius:14px;padding:6px;text-align:center;font-size:12px}.cell i{display:block;font-style:normal;font-size:28px}.pbar{height:10px;background:#0b1550;border-radius:6px;overflow:hidden;border:2px solid var(--navy)}.pbar>div{height:100%;background:#3ee06a}.pbar.pat>div{background:var(--gold)}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 124px);transform:translate(-50%);background:var(--navy);color:#fff;border:3px solid var(--gold);border-radius:14px;padding:8px 14px;font-size:13px;z-index:60;max-width:88%;text-align:center;animation:fade 2.6s forwards;pointer-events:none}@keyframes fade{0%{opacity:0;transform:translate(-50%,-10px)}8%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#050a3299;display:flex;align-items:center;justify-content:center;padding:20px}.mb{background:var(--cream);border:4px solid var(--navy);border-radius:24px;padding:16px;width:100%;max-width:340px;text-align:center;box-shadow:0 8px 0 var(--navy);animation:pop .25s}@keyframes pop{0%{transform:scale(.7);opacity:0}}.mb h2{margin:4px 0 8px;color:var(--red);font-size:24px;text-shadow:2px 2px 0 var(--navy)}.mb p{margin:6px 0;font-size:14px}.wokbtn{width:118px;height:118px;border-radius:50%;border:5px solid var(--navy);background:radial-gradient(circle at 35% 30%,#ff8a5c,var(--red));font-size:56px;box-shadow:0 6px 0 var(--navy);margin:6px auto;display:block;padding:0}.wokbtn:active,.wokbtn.hit{transform:scale(.93) rotate(-4deg)}#tut{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top) + 130px);z-index:30;display:none;gap:8px;align-items:flex-end;pointer-events:none}#tut .bub{pointer-events:auto;flex:1;background:#fff;border:3px solid var(--navy);border-radius:18px;padding:9px 11px;font-size:13px;position:relative;box-shadow:0 4px 0 var(--navy)}#tut img{width:64px;height:64px;border-radius:50%;border:3px solid var(--navy);object-fit:cover;flex:none;box-shadow:0 3px 0 var(--navy);background:#fff}#tut .sk{font-size:10px;opacity:.6;text-decoration:underline;margin-left:8px;border:0;background:none}#arrow{position:fixed;z-index:31;font-size:34px;pointer-events:none;display:none;transform:translate(-50%,-100%);animation:bob .6s ease-in-out infinite alternate;filter:drop-shadow(0 2px 0 var(--navy))}@keyframes bob{to{margin-top:-12px}}.pulse{animation:pl .7s ease-in-out infinite alternate;outline:4px solid var(--gold);outline-offset:2px}@keyframes pl{to{transform:scale(1.07)}}#visit{position:absolute;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 84px);background:var(--navy);color:#fff;border:3px solid var(--gold);border-radius:16px;padding:6px 8px;display:none;align-items:center;gap:6px;font-size:12px}#visit .btn{padding:5px 8px;font-size:12px}#place{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 84px);display:none;justify-content:center;gap:14px;align-items:center}#place .btn{font-size:20px;padding:10px 22px}#place .lab{background:var(--navy);color:#fff;border-radius:12px;padding:6px 10px;font-size:12px;position:absolute;top:-34px}#load{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(circle at 50% 35%,#2bb6aa,#0e6a63 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .5s}#load img{width:min(62vw,260px);border-radius:22%;border:5px solid var(--navy);box-shadow:0 10px 0 var(--navy),0 20px 40px #0006;animation:pop .6s}#load .lb{width:min(62vw,260px);height:18px;background:#0b1550;border:3px solid var(--navy);border-radius:12px;overflow:hidden}#load .lb>div{height:100%;width:0;background:linear-gradient(#ffe86b,var(--gold));transition:width .3s}#load p{margin:0;color:#fff;font-size:14px;text-shadow:0 2px 0 var(--navy)}.dev{position:fixed;left:4px;top:46%;z-index:9;display:flex;flex-direction:column;gap:3px;opacity:.85}.dev button{font-size:10px;padding:3px 5px;border-radius:8px;border:2px solid var(--navy);background:#fff}.hearts{color:var(--red);letter-spacing:-1px}.rib{display:inline-block;font-size:10px;background:var(--gold);border:2px solid var(--navy);border-radius:8px;padding:0 4px;margin-left:3px}img.ic{height:1.3em;width:1.3em;vertical-align:-.3em;object-fit:contain;pointer-events:none}.card .em .ic{height:40px;width:40px}.card .em{width:46px}.card img.av,.cell .ic{border-radius:50%}img.av{width:50px;height:50px;flex:none;border-radius:50%;border:3px solid var(--navy);background:#ffe9b8;box-shadow:0 2px 0 var(--navy)}.cell i .ic{height:38px;width:38px}.sd i .ic{height:34px;width:34px;filter:drop-shadow(0 2px 0 rgba(17,32,91,.35))}.pill img{width:26px;height:26px;margin-left:-2px;filter:drop-shadow(0 1.5px 0 rgba(17,32,91,.4))}.pill{background:linear-gradient(#fffdf0,#ffeeb8);height:32px}.pill b{animation:none;font-variant-numeric:tabular-nums}.lvlb{position:relative;width:54px;height:54px;background:none;border:0;box-shadow:none;margin-right:-4px;animation:starPulse 2.6s ease-in-out infinite}.lvlb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 3px 0 rgba(17,32,91,.55))}.lvlb b{position:relative;font-size:19px;color:var(--navy);text-shadow:0 1px 0 #fff8b0;margin-top:3px}@keyframes starPulse{50%{transform:scale(1.06) rotate(-3deg)}}.xpw{height:22px;margin-left:-14px;background:linear-gradient(#0b1550,#16257a)}.xpb{background:linear-gradient(#a8ecff,#2aa8e8 60%,#1a82c8);position:relative;transition:width .6s cubic-bezier(.3,1.4,.5,1)}.xpb:after{content:"";position:absolute;left:0;right:0;top:1px;height:5px;background:#ffffff8c;border-radius:3px}.rb img{width:30px;height:30px}.rb{background:linear-gradient(#fffdf0,#ffe9a8);transition:transform .12s cubic-bezier(.3,1.8,.5,1)}.rb:active{transform:scale(.88,.8) translateY(2px);box-shadow:0 1px 0 var(--navy)}.tl i img{width:30px;height:30px;filter:drop-shadow(0 2px 0 rgba(17,32,91,.35))}.tl{background:linear-gradient(#fffdf0,#ffe9a8);transition:transform .14s cubic-bezier(.3,1.8,.5,1),background .2s}.tl.on{background:linear-gradient(#ffef7a,#f8c800);transform:translateY(-6px) scale(1.06);box-shadow:0 5px 0 var(--navy),0 0 14px #f8d70eb3}.tl:active{transform:scale(.9,.84) translateY(2px)}.nb{background:linear-gradient(#ff7a56,#e01b08 55%,#b81404);transition:transform .14s cubic-bezier(.3,1.8,.5,1),box-shadow .1s;overflow:visible}.nb:before{content:"";position:absolute;left:6px;right:6px;top:3px;height:14px;border-radius:10px;background:linear-gradient(#ffffff80,#fff0)}.nb i img{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(17,32,91,.45));transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.nb:active{transform:scale(.92,.86) translateY(3px)}.nb:active i img{transform:scale(1.2) rotate(-8deg)}.btn{transition:transform .12s cubic-bezier(.3,1.8,.5,1);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;left:5px;right:5px;top:2px;height:36%;border-radius:8px;background:linear-gradient(#ffffff80,#fff0);pointer-events:none}.btn:active{transform:scale(.92,.84) translateY(2px)}.x{transition:transform .12s cubic-bezier(.3,1.8,.5,1)}.x:active{transform:scale(.8)}.sheetw{animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}@keyframes fadeIn{0%{opacity:0}}.sheet{animation:sheetUp .42s cubic-bezier(.2,1.25,.4,1);background:linear-gradient(#fff9e0,#ffefc0);box-shadow:0 -6px #11205b33,0 -2px 24px #00000040}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet .card{animation:cardIn .4s cubic-bezier(.2,1.4,.4,1) both;background:linear-gradient(#fff,#fff8e4)}.sheet .card:nth-child(1){animation-delay:.04s}.sheet .card:nth-child(2){animation-delay:.08s}.sheet .card:nth-child(3){animation-delay:.12s}.sheet .card:nth-child(4){animation-delay:.16s}.sheet .card:nth-child(5){animation-delay:.2s}.sheet .card:nth-child(n+6){animation-delay:.24s}@keyframes cardIn{0%{opacity:0;transform:translateY(22px) scale(.94)}}.mb{background:linear-gradient(#fff9e0,#ffefc0);animation:pop .45s cubic-bezier(.2,1.6,.4,1)}.mb h2{animation:titleBounce 1.2s ease-in-out infinite alternate}@keyframes titleBounce{to{transform:scale(1.05) rotate(-1.2deg)}}.mb .ic[src*=ui_star]{height:84px;width:84px;animation:spinPop 1s cubic-bezier(.2,1.5,.4,1) both}@keyframes spinPop{0%{transform:scale(0) rotate(-180deg)}}.toast{background:linear-gradient(#1a2c80,#11205b);box-shadow:0 4px #0000004d}.tab{transition:transform .12s cubic-bezier(.3,1.8,.5,1),background .2s}.tab:active{transform:scale(.9)}.tab.on{background:linear-gradient(#ffef7a,#f8c800);transform:translateY(-2px)}.wokbtn{display:flex;align-items:center;justify-content:center;transition:transform .1s cubic-bezier(.3,1.8,.5,1);animation:wokIdle 2.2s ease-in-out infinite;background:radial-gradient(circle at 35% 28%,#ffa070,#e01b08 60%,#a81004)}.wokbtn img{width:76px;height:76px;filter:drop-shadow(0 3px 0 rgba(17,32,91,.45))}@keyframes wokIdle{50%{transform:scale(1.05) rotate(-3deg)}}.wokbtn:active,.wokbtn.hit{transform:scale(.88,.8) rotate(-6deg);animation:none}#arrow{background:url(../img/ui/ui_arrow.png) center/contain no-repeat;width:44px;height:44px;font-size:0;filter:drop-shadow(0 3px 0 rgba(17,32,91,.5))}#tut img{border-radius:50%}#tut{animation:fadeIn .3s}#tut .bub{animation:pop .4s cubic-bezier(.2,1.6,.4,1);background:linear-gradient(#fff,#fff6dc)}#tut img{animation:talk 1.1s ease-in-out infinite alternate}@keyframes talk{to{transform:translateY(-3px) rotate(2deg)}}#load img{animation:pop .6s,floaty 2.4s ease-in-out .6s infinite alternate}@keyframes floaty{to{transform:translateY(-8px) rotate(-1.5deg)}}#load .lb>div{background:linear-gradient(#fff08a,#f8c800 60%,#e0a000);position:relative;overflow:hidden}#load .lb>div:after{content:"";position:absolute;top:0;bottom:0;width:30px;background:#ffffff8c;transform:skew(-20deg);animation:shine 1s linear infinite}@keyframes shine{0%{left:-40px}to{left:110%}}.dot{animation:dotPop 1.4s ease-in-out infinite}@keyframes dotPop{50%{transform:scale(1.18)}}.seeds .sd{transition:transform .14s cubic-bezier(.3,1.8,.5,1)}.sd.on{transform:translateY(-4px) scale(1.06);background:linear-gradient(#ffef7a,#f8c800)}#rot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(circle at 50% 40%,#2bb6aa,#0e6a63 75%);display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;text-align:center;font-size:20px;text-shadow:0 2px 0 var(--navy);padding:24px}#rot img{width:150px;border-radius:22%;border:5px solid var(--navy);box-shadow:0 8px 0 var(--navy)}#rot .ph{font-size:56px;animation:rotph 2s ease-in-out infinite;display:inline-block}@keyframes rotph{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){#rot{display:flex}}@media (orientation:landscape){:root{--sl: calc(env(safe-area-inset-left) + 6px) ;--sr: calc(env(safe-area-inset-right) + 6px) ;--tb:56px}.top{padding:calc(env(safe-area-inset-top) + 4px) var(--sr) 0 var(--sl);align-items:center;gap:8px}.lvl{flex:0 1 300px}.lvlb{width:48px;height:48px}.lvlb b{font-size:17px}.xpw{height:20px}.col{flex-direction:row;align-items:center;gap:8px;margin-left:auto}.pill{height:30px;font-size:14px}.pill img{width:22px;height:22px}.side{position:absolute;flex-direction:row;gap:6px;top:calc(env(safe-area-inset-top) + 4px);right:var(--sr)}.top{padding-right:calc(var(--sr) + 138px)}.top .side-slot{display:none}.rb{width:40px;height:40px;border-radius:12px}.rb img{width:26px;height:26px}.tools{left:var(--sl);right:auto;bottom:auto;top:calc(env(safe-area-inset-top) + var(--tb) + 4px);flex-direction:column;gap:5px;padding:0;justify-content:flex-start}.tl{min-width:56px;width:56px;height:46px;border-radius:12px;font-size:9px}.tl i img{width:24px;height:24px}.tl.on{transform:translate(6px) scale(1.04)}.bar{left:auto;right:var(--sr);top:calc(env(safe-area-inset-top) + var(--tb) + 4px);bottom:auto;width:auto;padding:0;flex-direction:column;gap:5px;background:none}.nb{flex:none;width:66px;height:48px;border-radius:13px;font-size:9px;flex-direction:row;flex-wrap:wrap;gap:0;padding:2px 0;box-shadow:0 3px 0 var(--navy)}.nb i{flex:0 0 100%;display:flex;justify-content:center;height:26px}.nb i img{width:26px;height:26px}.nb:before{height:10px;top:2px}.dot{top:-6px;right:-5px}.seeds{left:calc(var(--sl) + 66px);right:calc(var(--sr) + 74px);bottom:calc(env(safe-area-inset-bottom) + 4px);padding:4px 6px}.sd{width:60px;padding:2px;font-size:9px}.sd i .ic{height:26px;width:26px}#visit{left:50%;right:auto;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 6px);max-width:62%}#place{bottom:calc(env(safe-area-inset-bottom) + 8px)}#place .btn{padding:6px 20px;font-size:18px}.toast{top:calc(env(safe-area-inset-top) + var(--tb) + 4px);font-size:12px;padding:6px 12px}.dev{left:calc(var(--sl) + 66px);top:auto;bottom:calc(env(safe-area-inset-bottom) + 50px);flex-direction:row;flex-wrap:wrap;max-width:300px}.sheetw{align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 6px) calc(env(safe-area-inset-right) + 10px) 6px calc(env(safe-area-inset-left) + 10px)}.sheet{width:min(100%,820px);max-height:100%;border:4px solid var(--navy);border-radius:22px;padding:8px 12px 10px;animation:sheetPop .35s cubic-bezier(.2,1.3,.4,1);box-shadow:0 6px 0 var(--navy),0 10px 30px #0006}@keyframes sheetPop{0%{transform:scale(.8);opacity:0}}.sh{top:-8px;padding-top:8px;margin-bottom:4px}.sh h2{font-size:18px}.x{width:32px;height:32px}#sbody{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;align-items:start}#sbody>*{grid-column:1/-1}#sbody>.card{grid-column:auto}#sbody>.card{margin-bottom:6px}.grid{grid-template-columns:repeat(5,1fr)}.card{padding:5px 8px;font-size:12px}.card .em{font-size:26px}.card .em .ic{height:34px;width:34px}.wokbtn{width:86px;height:86px;margin:2px auto}.wokbtn img{width:58px;height:58px}#stup,#stcust{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}#stup>*,#stcust>p{grid-column:1/-1}.mb{max-width:min(420px,80vw);max-height:92vh;overflow:auto;padding:10px 14px}.mb h2{font-size:20px;margin:2px 0 4px}.mb p{font-size:12px;margin:3px 0}.modal{padding:8px}#tut{left:calc(var(--sl) + 70px);right:calc(var(--sr) + 78px);top:auto;bottom:calc(env(safe-area-inset-bottom) + 6px)}#tut img{width:52px;height:52px}#tut .bub{font-size:12px;padding:7px 10px}}@media (orientation:landscape) and (max-height:480px){.nb{height:46px;width:62px}.tl{height:43px}#sbody{grid-template-columns:1fr 1fr 1fr}#sbody>*{grid-column:1/-1}#sbody>.card{grid-column:auto}.grid{grid-template-columns:repeat(6,1fr)}}#load{background:#0b1550;display:block}#load .stage{position:absolute;left:50%;top:50%;width:min(100vw,177.78vh);aspect-ratio:16/9;transform:translate(-50%,-50%)}#load .stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#load .tr{position:absolute;left:31.9%;width:37%;top:82.8%;height:3.6%;background:#2a1204;border:0;border-radius:99px}#load .tr .f{position:absolute;left:.4%;top:12%;bottom:12%;width:0;border-radius:99px;background:linear-gradient(#fff08a,#f8c800 60%,#e0a000);transition:width .3s;overflow:hidden}#load .tr .f:after{content:"";position:absolute;top:0;bottom:0;width:30px;background:#ffffff8c;transform:skew(-20deg);animation:shine 1s linear infinite}#load .tip{position:absolute;left:0;right:0;top:79%;text-align:center;font-size:clamp(11px,2.4vh,18px);color:#fff;text-shadow:0 2px 0 var(--navy);margin:0}.rb{background:none!important;border:0!important;box-shadow:none!important;overflow:visible}.rb img{width:100%!important;height:100%!important;filter:drop-shadow(0 3px 0 rgba(17,32,91,.7))}.rb.on img{filter:drop-shadow(0 0 8px #F8D70E) drop-shadow(0 3px 0 rgba(17,32,91,.7))}.rb:active img{filter:drop-shadow(0 1px 0 rgba(17,32,91,.7))}.tl i img{width:32px!important;height:32px!important}.tl{min-width:56px}@media (orientation:landscape) and (max-height:520px){.tl i img{width:28px!important;height:28px!important}.tl{height:50px}}.pill img{width:26px;height:26px;margin-left:-6px;filter:drop-shadow(0 2px 0 rgba(17,32,91,.5))}#rot img.lg{width:min(70vw,360px);border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 0 rgba(17,32,91,.6))}.nb,.tl,.rb{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important;position:relative;color:#fff;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;line-height:1;transform:none;transition:transform .16s cubic-bezier(.3,1.9,.5,1);font-size:11px;letter-spacing:.2px;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy)}.nb:before,.tl:before,.rb:before{display:none}.nb:after,.tl:after,.rb:after{content:"";position:absolute;top:-5px;right:-4px;bottom:-5px;left:-4px;background:none;border-radius:14px}.nb i,.tl i,.rb i{display:flex;font-style:normal;align-items:center;justify-content:center;flex:none;height:auto;line-height:0}.nb img,.tl img,.rb img{width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(8,16,60,.55));transition:transform .2s cubic-bezier(.3,1.9,.5,1),filter .15s;pointer-events:none;transform-origin:50% 90%}.nb i,.tl i{width:var(--ic,46px)!important;height:var(--ic,46px)!important}.rb{width:56px!important;height:auto!important;gap:1px}.rb img{width:var(--ic2,38px)!important;height:var(--ic2,38px)!important}.nb:active,.tl:active,.rb:active,.gp:active{transform:none!important}.nb:active img,.tl:active img,.rb:active img{transform:scale(.84,.74) translateY(5px)!important;filter:drop-shadow(0 1px 1px rgba(8,16,60,.6))}.nb.tap img,.tl.tap img,.rb.tap img{animation:tapb .42s cubic-bezier(.3,1.6,.5,1)}@keyframes tapb{0%{transform:scale(.8,.7) translateY(5px)}40%{transform:scale(1.18,1.2) translateY(-6px)}70%{transform:scale(.96,.94)}to{transform:none}}.tl.on{transform:none!important;color:#fff3a0;-webkit-text-stroke-color:#5a3c00}.tl.on:before{display:block;content:"";position:absolute;left:-4px;right:-4px;top:-3px;bottom:2px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,110,.75),rgba(248,215,14,.28) 60%,transparent);animation:glw 1.4s ease-in-out infinite alternate;pointer-events:none}@keyframes glw{to{opacity:.55;transform:scale(1.08)}}.tl.on img{filter:drop-shadow(0 0 2px #fff8c0) drop-shadow(0 0 9px #F8D70E) drop-shadow(0 4px 2px rgba(8,16,60,.55));transform:translateY(-3px) scale(1.1)}.nb.pulse,.tl.pulse,.rb.pulse{outline:0;animation:pl .6s ease-in-out infinite alternate}.nb.pulse img,.tl.pulse img{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 12px #F8D70E)}.dot{top:-2px!important;right:-4px!important}.pill{background:#0812469e!important;border:0!important;box-shadow:none!important;border-radius:18px!important;color:#fff;height:26px!important;padding:0 11px 0 26px!important;margin-left:20px;position:relative;font-size:15px;gap:0;text-shadow:0 1px 0 var(--navy);white-space:nowrap}.pill img{position:absolute!important;left:-20px!important;top:50%;width:44px!important;height:44px!important;margin:-24px 0 0!important;filter:drop-shadow(0 3px 2px rgba(8,16,60,.6))!important;transition:transform .2s cubic-bezier(.3,1.9,.5,1)}.pill.gp:active img{transform:scale(.82,.72) translateY(4px)}.pill.gp.tap img{animation:tapb .42s}.pill b{min-width:30px;text-align:right}.pill .pl{color:var(--gold);font-size:19px;line-height:1;margin-left:6px;-webkit-text-stroke:2px var(--navy);paint-order:stroke fill}.pill.gp{font:inherit;cursor:pointer;pointer-events:auto;font-size:15px;font-weight:800}.lvlb{width:56px!important;height:56px!important}.lvlb b{font-size:20px;-webkit-text-stroke:0}.xpw{background:#0812469e!important;border:0!important;box-shadow:none!important}.wokbtn{background:none!important;border:0!important;box-shadow:none!important;width:128px!important;height:128px!important;border-radius:0!important}.wokbtn img{width:128px!important;height:128px!important;filter:drop-shadow(0 6px 3px rgba(8,16,60,.5))!important}.wokbtn:active,.wokbtn.hit{transform:scale(.86,.78) translateY(4px)!important}@media (orientation:landscape){:root{--tb:60px}.top{padding-right:calc(var(--sr) + 176px)!important}.side{gap:2px!important;top:calc(env(safe-area-inset-top) + 2px)!important}.rb{width:58px!important}.rb span,.nb,.tl{font-size:10px}.tools{gap:3px!important}.tl{width:64px!important;min-width:64px!important;height:64px!important;--ic:44px}.bar{gap:3px!important}.nb{width:72px!important;height:64px!important;--ic:46px;flex-direction:column!important;flex-wrap:nowrap!important;padding:0!important}.nb i{flex:none!important;height:var(--ic)!important}.wokbtn,.wokbtn img{width:104px!important;height:104px!important}}@media (orientation:landscape) and (max-height:520px){.tl{height:51px!important;width:58px!important;min-width:58px!important;--ic:34px}.nb{height:56px!important;width:66px!important;--ic:38px}.rb{--ic2:32px}.rb span{font-size:9px}.tools{gap:2px!important}.pill{height:24px!important;font-size:14px}.pill img{width:38px!important;height:38px!important;margin-top:-21px!important;left:-17px!important}.lvlb{width:48px!important;height:48px!important}.wokbtn,.wokbtn img{width:88px!important;height:88px!important}}.nb img,.tl img,.rb img{filter:drop-shadow(0 0 1px #11205B) drop-shadow(0 0 1px #11205B) drop-shadow(0 4px 2px rgba(8,16,60,.55))!important}.tl.on img{filter:drop-shadow(0 0 1px #5a3c00) drop-shadow(0 0 2px #fff8c0) drop-shadow(0 0 9px #F8D70E) drop-shadow(0 4px 2px rgba(8,16,60,.55))!important}.nb:active img,.tl:active img,.rb:active img{filter:drop-shadow(0 0 1px #11205B) drop-shadow(0 1px 1px rgba(8,16,60,.6))!important}.nb.pulse img,.tl.pulse img{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 12px #F8D70E)!important}.pill img{filter:drop-shadow(0 0 1px #11205B) drop-shadow(0 3px 2px rgba(8,16,60,.6))!important}.tab.prem{background:linear-gradient(#ff5a3c,#e01b08);color:#fff}.tab.prem.on{outline:3px solid var(--gold)}.tabic{height:18px;width:18px;vertical-align:-4px}.ic.mini{height:15px;width:15px;vertical-align:-3px}.ic.pbig{height:54px;width:54px;flex:none;filter:drop-shadow(0 3px 0 rgba(17,32,91,.55))}.ic.pmod{height:84px;width:84px;filter:drop-shadow(0 4px 0 rgba(17,32,91,.55));animation:pop .5s}.pcur{display:flex;gap:10px;align-items:center;background:#fff;border:3px solid var(--navy);border-radius:16px;padding:6px 10px;margin-bottom:8px;font-size:13px}.pcard{border:4px solid var(--pc);border-radius:18px;background:linear-gradient(#fff,#fff6d6);padding:7px 9px;margin-bottom:9px;box-shadow:0 3px 0 var(--navy),inset 0 0 0 2px var(--navy)}.pcard.own{background:linear-gradient(#eaffe9,#d4f6d0)}.pcard.p5{background:linear-gradient(#fff3c4,#ffd9a8);animation:glowp 2s infinite alternate}@keyframes glowp{to{box-shadow:0 3px 0 var(--navy),0 0 16px 3px #f8d70ee6}}.phead{display:flex;gap:9px;align-items:center}.pm{flex:1;font-size:15px;color:var(--navy)}.pprice{font-size:13px}.pprice em{font-style:normal;color:var(--red);font-weight:900;margin-left:4px}.pcard ul{margin:5px 0 0;padding-left:18px;font-size:12px;line-height:1.35;columns:1}.ibtn{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;font-weight:900;color:var(--navy);font-size:13px;cursor:pointer;transition:transform .12s cubic-bezier(.3,1.8,.5,1)}.ibtn small{display:block;font-size:9px;opacity:.7}.ibtn span{text-shadow:0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff}.ibtn:active{transform:scale(.88,.8)}.ic.pbtn{height:50px;width:50px;filter:drop-shadow(0 3px 0 rgba(17,32,91,.6))}.powned{display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:900;color:#1a9a3a}.mrow{display:flex;justify-content:center;gap:26px;margin-top:6px}.avw{position:relative;flex:none;display:inline-block}.avw.ring img.av{box-shadow:0 0 0 3px var(--rc),0 0 10px var(--rc)}.avw.r1{--rc:#C9783A}.avw.r2{--rc:#B8C2CC}.avw.r3{--rc:#F8D70E}.avw.r4{--rc:#3fd0c4}.avw.r5{--rc:#E01B08}.avw .bdg{position:absolute;right:-6px;bottom:-5px}.avw .bdg img{height:22px;width:22px;filter:drop-shadow(0 1px 0 var(--navy))}#load .tr .f{width:99.2%;transform:scaleX(0);transform-origin:0 50%;transition:none;will-change:transform}.xpb{width:100%!important;transform-origin:0 50%;transition:transform .3s}.sheet{will-change:transform,opacity;contain:layout paint;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheetw{contain:strict}.card{content-visibility:auto;contain-intrinsic-size:auto 58px}.modal,.mb{will-change:transform,opacity}.nb,.tl,.rb,.btn,.ibtn,.pill.gp{touch-action:manipulation}.press img{transform:scale(.84,.74) translateY(5px)!important;transition:transform .05s!important}.btn.press{transform:translateY(2px);box-shadow:0 1px 0 var(--navy)}.cookw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a1448;contain:strict}.cook{--bw:max(100vw,177.78vh);--wood:#8a5a28;--wood2:#6b3f17;--ww:calc(var(--bw)*.2);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#fff;animation:ckin .26s cubic-bezier(.2,.9,.3,1);font-weight:900;touch-action:manipulation}@keyframes ckin{0%{opacity:0;transform:scale(1.035)}}@keyframes tkpat{0%{transform:scaleX(1);background:#f8d70e}60%{transform:scaleX(.4);background:#f8d70e}to{transform:scaleX(0);background:#e01b08}}.ck-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b1536}.ck-box{position:absolute;left:50%;top:50%;width:var(--bw);height:calc(var(--bw)*.5625);transform:translate(-50%,-50%);pointer-events:none}.ck-live{z-index:2}.ck-live>*{pointer-events:auto}.ck-over{z-index:5}.ck-over *{pointer-events:none!important}.ck-wa2{z-index:auto}.ck-bgi{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lg{position:absolute;width:calc(var(--bw)*.2*var(--s,1));height:calc(var(--bw)*.2*var(--s,1));margin:calc(var(--bw)*-.1*var(--s,1)) 0 0 calc(var(--bw)*-.1*var(--s,1));border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,60,.5),rgba(255,140,40,.16) 55%,transparent);pointer-events:none;will-change:opacity,transform;animation:lgf 1.3s ease-in-out var(--d,0s) infinite alternate,lgs 3.4s ease-in-out var(--d,0s) infinite alternate}.lg.pool{left:27%;top:70%;--s:1.5;background:radial-gradient(closest-side,rgba(255,150,50,.38),transparent);animation:lgf 2s ease-in-out infinite alternate}@keyframes lgf{0%{opacity:.45}to{opacity:1}}@keyframes lgs{0%{transform:translate(-.5%) scale(.97)}to{transform:translate(.5%) scale(1.04)}}.ck-top{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 4px) calc(env(safe-area-inset-right) + 8px) 0 calc(env(safe-area-inset-left) + 8px);pointer-events:none}.ck-top>*{pointer-events:auto}.ck-x{background:none;border:0;padding:0;width:clamp(40px,11.5vh,56px);height:clamp(40px,11.5vh,56px);filter:drop-shadow(0 3px 2px rgba(8,16,60,.55));transition:transform .15s cubic-bezier(.3,1.8,.5,1)}.ck-x img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.ck-x:active,.ck-x.press{transform:scale(.86,.78)}.ck-x.sm{width:38px;height:38px}.ck-banner{position:relative;height:clamp(40px,12vh,60px);aspect-ratio:2.7/1;display:flex;align-items:center;justify-content:center;margin-top:.2vh;filter:drop-shadow(0 3px 2px rgba(8,16,60,.5))}.ck-banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.ck-banner span{position:relative;margin-top:-4%;font-size:clamp(10px,3.1vh,17px);color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--red);letter-spacing:0;white-space:nowrap;max-width:76%;overflow:hidden;text-overflow:ellipsis}.ck-menu{position:relative;background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:clamp(9px,2.6vh,12px);-webkit-text-stroke:.28em var(--navy);paint-order:stroke fill;line-height:1}.ck-menu img{width:clamp(36px,11vh,54px);height:clamp(36px,11vh,54px);object-fit:contain;filter:drop-shadow(0 0 1px #11205B) drop-shadow(0 0 1px #11205B) drop-shadow(0 3px 2px rgba(8,16,60,.55));transition:transform .15s cubic-bezier(.3,1.8,.5,1);pointer-events:none}.ck-menu.press img,.ck-menu:active img{transform:scale(.84,.74) translateY(4px)}.ck-menu .up{position:absolute;right:-4px;top:-2px;font-style:normal;color:var(--gold);-webkit-text-stroke:.2em var(--navy);font-size:15px;animation:upb .7s ease-in-out infinite alternate}@keyframes upb{to{transform:translateY(-4px)}}.ck-orders{position:absolute;z-index:3;right:calc(env(safe-area-inset-right) + 6px);top:calc(env(safe-area-inset-top) + clamp(48px,14vh,64px));bottom:calc(env(safe-area-inset-bottom) + 6px);width:clamp(196px,27vw,310px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:2px 4px 8px 12px;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}.ck-orders::-webkit-scrollbar{display:none}.ck-orders:empty:after{content:"Waiting for customers…";color:#fff;font-size:13px;-webkit-text-stroke:.25em var(--navy);paint-order:stroke fill;padding:12px 6px;text-align:right}.tk{--r:-.5deg;position:relative;flex:none;color:var(--navy);border-style:solid;border-width:33px 15px 17px 15px;border-image-source:url(../img/cook/p/f_ticket.png);border-image-slice:66 30 34 30 fill;border-image-width:33px 15px 17px 15px;border-image-repeat:stretch;padding:5px 2px 0;margin-top:-1px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.45));transform:rotate(var(--r));transition:transform .16s cubic-bezier(.3,1.7,.5,1),filter .16s;animation:tkin .3s;cursor:pointer;-webkit-user-select:none;user-select:none}.tk:nth-child(2n){--r:.6deg}.tk.sel{transform:translate(-8px) rotate(0) scale(1.03);filter:drop-shadow(0 0 7px rgba(248,215,14,.95)) drop-shadow(0 0 2px #F8D70E) drop-shadow(0 4px 3px rgba(0,0,0,.4))}.tk:active,.tk.press{transform:scale(.97) rotate(var(--r))}.tk.out{animation:tkout .25s forwards}@keyframes tkin{0%{opacity:0;transform:translate(40px) rotate(6deg)}}@keyframes tkout{to{opacity:0;transform:translate(50px) scale(.8)}}.tk-h{position:absolute;left:3%;right:34%;top:-29px;height:24px;display:flex;align-items:center;gap:4px;padding:0 4px 0 6px;font-size:11px}.tk-h .cu{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--wood2);object-fit:cover;flex:none}.tk-n{font-size:11px;opacity:.75;flex:1}.tk-p{display:flex;align-items:center;font-size:12px;gap:1px;position:absolute;left:calc(100% + 3px)}.tk-p img{width:18px;height:18px}.tk-p{-webkit-text-stroke:.22em var(--navy);paint-order:stroke fill;color:var(--gold)}.tk-p b{font-size:13px}.tk-b{display:flex;align-items:center;gap:6px;min-height:36px}.tk-b .di{width:clamp(34px,11vh,44px);height:clamp(34px,11vh,44px);flex:none;filter:drop-shadow(0 2px 1px rgba(60,30,0,.5))}.tk-m{flex:1;min-width:0}.tk-m .nm{display:block;font-size:12px;line-height:1.05;margin-bottom:1px}.ing{display:inline-flex;align-items:center}.ing img{width:clamp(16px,5vh,22px);height:clamp(16px,5vh,22px);object-fit:contain;filter:drop-shadow(0 1px 0 rgba(60,30,0,.45))}.ing b{font-size:11px;color:var(--navy)}.ing.no b{color:var(--red)}.tk .st{width:clamp(20px,6.5vh,28px);height:clamp(20px,6.5vh,28px);flex:none;filter:drop-shadow(0 1px 0 rgba(60,30,0,.5))}.tk.miss .st{filter:grayscale(.6) drop-shadow(0 1px 0 rgba(60,30,0,.5))}.tk-bar{margin:2px 2px 0;height:7px;background:#3b2008;border:1.5px solid #2a1606;border-radius:6px;overflow:hidden}.tk-bar .f{height:100%;transform-origin:0 50%;background:var(--gold);animation:tkpat linear both;will-change:transform;border-radius:0 5px 5px 0;box-shadow:inset 0 2px #ffffff8c}.ck-dish{position:absolute;left:27%;top:19%;transform:translate(-50%);display:none;pointer-events:none!important;z-index:2}.ck-dish.on{display:block;animation:dcin .3s cubic-bezier(.2,1.4,.4,1)}@keyframes dcin{0%{opacity:0;transform:translate(-50%) scale(.7)}}.dc-m{display:flex;flex-direction:column;align-items:center;gap:1px}.dc-rb{position:relative;width:calc(var(--bw)*.2);aspect-ratio:2.1/1;max-height:clamp(46px,12vh,92px);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 2px rgba(8,16,60,.55))}.dc-rb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.dc-rb b{position:relative;margin-top:-3%;font-size:clamp(11px,3.7vh,19px);color:#fff;-webkit-text-stroke:.22em var(--navy);paint-order:stroke fill;text-shadow:0 .07em 0 #6a0c04;max-width:68%;text-align:center;line-height:1}.dc-row{display:flex;align-items:center;gap:6px;margin-top:-2px;padding:2px 8px;background:#0a12328c;border-radius:12px;border:2px solid rgba(248,215,14,.55)}.dc-i img{width:clamp(28px,8.5vh,44px);height:clamp(28px,8.5vh,44px);display:block;filter:drop-shadow(0 3px 2px rgba(8,16,60,.55));animation:dishb 1.3s ease-in-out infinite alternate}@keyframes dishb{to{transform:translateY(-3px) rotate(3deg)}}.dc-row .ings{display:flex;gap:3px}.dc-row .ing b{color:#fff;-webkit-text-stroke:.25em var(--navy);paint-order:stroke fill}.dc-row .ing.no b{color:#ff8a7a}.pips{display:flex;gap:1px}.pp{position:relative;width:clamp(14px,4.4vh,22px);height:clamp(18px,5.6vh,28px);display:block}.pp img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.pp img.on{opacity:0;transform:scale(.6);transition:opacity .12s,transform .22s cubic-bezier(.3,2,.5,1)}.pp.lit img.on{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 4px #ffb020)}.ck-wokarea{position:absolute;left:27%;top:73.5%;width:var(--ww);height:calc(var(--ww)*1.07);translate:-50% -100%;z-index:2}.ck-tgt,.ck-ring{position:absolute;left:50%;top:44%;border-radius:50%;pointer-events:none!important;opacity:0;transform:translate(-50%,-50%)}.ck-tgt{width:calc(var(--ww)*.98);height:calc(var(--ww)*.98);border:calc(var(--ww)*.03) solid var(--gold);box-shadow:0 0 0 3px var(--navy),inset 0 0 0 3px var(--navy),0 0 18px 4px #f8d70ebf,inset 0 0 14px 2px #f8d70e80;transition:opacity .2s}.ck-ring{width:calc(var(--ww)*.86);height:calc(var(--ww)*.86);border:4px solid #fff;box-shadow:0 0 0 3px var(--navy),0 0 10px #fff;will-change:transform,opacity}.ck-tgt.on{opacity:1}.ck-ring.on{visibility:visible}.ck-ring:not(.on){visibility:hidden}.cook .wokbtn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;margin:0;background:none!important;border:0!important;box-shadow:none!important;padding:0;display:block;border-radius:0!important;transform:none!important;z-index:1;touch-action:manipulation;animation:none!important;-webkit-tap-highlight-color:transparent}.cook .wokbtn .wk{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 90%;pointer-events:none;filter:drop-shadow(0 5px 4px rgba(8,16,60,.5))}.cook .wokbtn .ws{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain;object-position:50% 100%;opacity:0;filter:none!important}.wokbtn[data-s=idle] .ws-idle,.wokbtn[data-s=toss] .ws-toss,.wokbtn[data-s=high] .ws-high,.wokbtn[data-s=empty] .ws-empty{opacity:1}.cook .wokbtn:active,.cook .wokbtn.hit{transform:none!important}.ck-txt,.ck-gain,.ck-done{position:absolute;left:50%;pointer-events:none!important;opacity:0;white-space:nowrap;transform:translate(-50%);z-index:4}.ck-txt{top:3%;width:calc(var(--ww)*1.25);height:calc(var(--ww)*.5)}.ck-txt .tx{position:absolute;left:0;right:0;bottom:0;width:100%;max-height:100%;object-fit:contain;display:none;filter:drop-shadow(0 4px 3px rgba(8,16,60,.55))}.ck-txt[data-k=perfect] .tx-perfect,.ck-txt[data-k=good] .tx-good{display:block}.ck-done{left:61%;top:29%;width:calc(var(--bw)*.17)}.ck-done img{width:100%;display:block;filter:drop-shadow(0 4px 3px rgba(8,16,60,.55))}.ck-gain{top:26%;left:112%;font-size:clamp(22px,7.5vh,40px);color:var(--gold);-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .07em 0 var(--red),0 .13em 0 var(--navy);font-weight:900;letter-spacing:1px}.ck-hero{position:absolute;left:56%;top:89%;height:calc(var(--bw)*.5625*.54);aspect-ratio:331/358;translate:-50% -100%;transform-origin:50% 100%;animation:heroi 1.5s ease-in-out infinite alternate;pointer-events:none!important;z-index:1}.ck-hero .hp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0;filter:drop-shadow(0 .6vh 2px rgba(8,16,60,.55))}.ck-hero[data-p=idle] .hp-idle,.ck-hero[data-p=toss] .hp-toss,.ck-hero[data-p=lift] .hp-lift,.ck-hero[data-p=cele] .hp-cele,.ck-hero[data-p=serve] .hp-serve,.ck-hero[data-p=tired] .hp-tired{opacity:1}@keyframes heroi{0%{transform:scale(1)}to{transform:scale(1.012,.985)}}.ck-info{position:absolute;left:50%;top:calc(100% + .5vh);transform:translate(-50%);white-space:nowrap;font-size:clamp(12px,3.6vh,19px);color:#fff;-webkit-text-stroke:.22em var(--navy);paint-order:stroke fill;pointer-events:none!important;z-index:2;text-align:center}.ck-info b{color:var(--gold)}.ck-info .bad{color:#ffb0a0}#ckfx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.ck-drawer{position:absolute;z-index:6;top:0;bottom:0;right:0;width:min(62vw,430px);box-sizing:border-box;border:26px solid transparent;border-image-source:url(../img/cook/p/panel9.png);border-image-slice:46;border-image-width:26px;border-image-repeat:stretch;padding:calc(env(safe-area-inset-top) + 0px) 4px 6px;overflow-y:auto;background:repeating-linear-gradient(0deg,rgba(150,100,40,.07) 0 2px,transparent 2px 5px),linear-gradient(#fff8da,#f5de9f);background-clip:padding-box;color:var(--navy);overscroll-behavior:contain;touch-action:pan-y;visibility:hidden;transform:translate(106%);transition:transform .26s cubic-bezier(.2,.9,.3,1);filter:drop-shadow(-6px 0 12px rgba(0,0,0,.45))}.ck-drawer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ck-drawer.open{transform:none;visibility:visible}.dr-h{display:flex;align-items:center;justify-content:space-between;font-size:17px;color:var(--red);-webkit-text-stroke:.14em var(--navy);paint-order:stroke fill;margin-bottom:6px}.dr-up,.dr-row{display:flex;align-items:center;gap:8px;padding:5px 2px;border-bottom:2px dashed rgba(107,63,23,.4);font-size:13px}.dr-up{background:#f8d70e47;border:2px solid var(--gold);border-radius:12px;padding:5px 8px;margin-bottom:6px}.dr-up>img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(60,30,0,.5))}.dr-up .m,.dr-row .m{flex:1;min-width:0}.dr-up small,.dr-row small{display:block;font-weight:700;opacity:.8;font-size:11px;line-height:1.25}.dr-row>img{width:40px;height:40px;flex:none;filter:drop-shadow(0 2px 1px rgba(60,30,0,.5))}.dr-row.lock{opacity:.55}.mi{width:15px;height:15px;vertical-align:-3px}.dr-row .pr{display:flex;align-items:center;gap:1px}.dr-row .pr img{width:18px;height:18px}.dr-row .lk{display:flex;align-items:center;font-size:11px}.dr-row .lk img{width:16px;height:16px}.ck-ub{flex:none}.ck-ub img{width:44px;height:44px;filter:drop-shadow(0 3px 0 rgba(17,32,91,.6))}.ck-ub.dis{filter:grayscale(1);opacity:.6}@media (prefers-reduced-motion:reduce){.lg,.ck-hero,.dc-i img{animation:none}}.cook #stcust{display:flex!important;flex-direction:column;grid-template-columns:none}.cookw~.toast{top:calc(env(safe-area-inset-top) + clamp(52px,15vh,70px));bottom:auto;left:56vw;max-width:28vw;font-size:12px;padding:5px 10px;border-radius:12px;z-index:70}@media (max-height:460px){.dc-rb{width:calc(var(--bw)*.17)}.tk-b .di{width:34px;height:34px}}