.wok-game{color:#33271f;min-height:100vh;font-family:var(--font-noto-sans-tc),sans-serif;background-color:#ead5b2;background-image:radial-gradient(circle at 8% 5%,#fff4d7 0 8%,#0000 29%),linear-gradient(130deg,#e5bc83,#eadbc2 53%,#b9c39c);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.wok-top{color:#fff;background:#35251d;justify-content:space-between;align-items:center;height:58px;padding:0 max(18px,4vw);display:flex}.wok-top a{color:inherit;align-items:center;gap:8px;font-weight:900;text-decoration:none;display:flex}.wok-top svg{width:19px}.wok-top>span{letter-spacing:.16em;font:800 13px/1 system-ui}.wok-top small{opacity:.55}.wok-shell{width:min(1180px,100% - 28px);margin:auto;padding:26px 0 50px}.wok-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.wok-heading p{color:#a43d2d;letter-spacing:.12em;margin:0 0 4px;font-size:13px;font-weight:900}.wok-heading h1{margin:0;font-family:serif;font-size:clamp(36px,5vw,60px);line-height:1}.wok-heading>button{color:#33271f;background:#fff0d2;border:1px solid #75533f;border-radius:50%;width:46px;height:46px}.wok-heading>button:disabled{opacity:.35}.wok-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:20px;display:grid}.wok-board,.wok-side{background:#fff4daf0;border:1px solid #3d281c40;box-shadow:0 18px 54px #482b1829}.wok-board{border-radius:26px;padding:15px}.wok-hud{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.wok-hud>div{color:#fff;background:#3b2b22;border-radius:14px;min-width:0;padding:9px 11px}.wok-hud small{color:#f0bb62;letter-spacing:.08em;font-size:10px;display:block}.wok-hud strong{white-space:nowrap;font:900 20px/1.1 system-ui}.wok-hud em{opacity:.64;font-size:12px;font-style:normal}.wok-progress{background:#d8bea0;border-radius:9px;height:5px;margin:11px 4px;overflow:hidden}.wok-progress i{background:linear-gradient(90deg,#3e8a57,#e4a62c,#c33e2f);height:100%;transition:width .2s;display:block}.wok-kitchen{isolation:isolate;touch-action:manipulation;background:linear-gradient(#6b4030,#2f211b);border:5px solid #75452e;border-radius:21px;min-height:465px;position:relative;overflow:hidden}.wok-kitchen:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49%,#ffffff0d 50%,#0000 51%),radial-gradient(circle at 50% 110%,#d77638 0 12%,#0000 44%);position:absolute;inset:0}.wok-ticket{z-index:2;background:#fff0ce;border:2px solid #d19b4d;border-radius:7px;width:210px;min-height:112px;padding:12px;position:absolute;top:14px;left:14px;transform:rotate(-1deg);box-shadow:0 8px 20px #00000040}.wok-ticket>span{letter-spacing:.13em;color:#b33d2d;font-size:10px;font-weight:1000;display:block}.wok-ticket>b{margin:5px 0 10px;font:800 22px/1.2 serif;display:block}.wok-ticket>div{gap:7px;display:flex}.wok-ticket i{background:var(--food);color:#fff;border:2px solid #fff5dc;border-radius:50%;place-items:center;width:34px;height:34px;font:1000 13px/1 system-ui;display:grid;box-shadow:0 3px #0000002e}.wok-ticket i.done{opacity:.35;transform:scale(.88)}.wok-pan{width:250px;height:190px;position:absolute;top:52%;left:50%;transform:translate(-50%,-42%)}.wok-bowl{background:linear-gradient(#444,#181818);border:5px solid #9b856f;border-radius:18px 18px 100px 100px;width:200px;height:100px;position:absolute;top:20px;left:25px;box-shadow:inset 0 16px 24px #000,0 14px 20px #1c1410}.wok-bowl:after{content:"";transform-origin:0;background:linear-gradient(#876b4b,#3b2a20);border-radius:0 16px 16px 0;width:130px;height:19px;position:absolute;top:54px;left:174px;transform:rotate(-9deg)}.wok-bowl span{background:var(--food);color:#fff;width:40px;height:40px;transform:rotate(var(--turn)) translateX(52px);border-radius:50%;place-items:center;font-weight:1000;animation:.35s wok-pop;display:grid;position:absolute;top:36px;left:calc(50% - 20px);box-shadow:0 3px 6px #0006}.wok-flame{filter:drop-shadow(0 0 12px #ffad2d);justify-content:center;gap:2px;width:140px;height:55px;display:flex;position:absolute;bottom:10px;left:55px}.wok-flame i{transform-origin:bottom;background:linear-gradient(#ffd84a,#e54428);border-radius:80% 12% 72% 18%;width:21px;height:48px;transform:rotate(45deg)scale(.7)}.wok-pan.heating .wok-flame i{animation:.28s ease-in-out infinite alternate fire-dance}.wok-pan.heating .wok-bowl{animation:.22s linear infinite alternate pan-shake}.wok-steam{color:#f6d083;opacity:.2;width:46px;height:46px;position:absolute;top:0;right:8px}.wok-pan.heating .wok-steam{opacity:.8;animation:1s infinite steam}.wok-meter{z-index:3;color:#f7d9a6;text-align:center;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:24px;left:30px;right:30px}.wok-meter>div{background:linear-gradient(90deg,#527d71,#e0a633,#c53b2f);border:2px solid #d0aa78;border-radius:15px;height:23px;position:relative;box-shadow:inset 0 2px 6px #00000080}.wok-zone{background:#ffe55a73;border:2px solid #ffe46b;border-radius:8px;height:29px;position:absolute;top:-5px}.wok-meter b{background:#fff;border-radius:5px;width:5px;height:33px;transition:left 40ms linear;position:absolute;top:-7px;transform:translate(-2px);box-shadow:0 0 10px #fff}.wok-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2a1c15d6;place-items:center;display:grid;position:absolute;inset:0}.wok-overlay>div{text-align:center;background:#fff0d1;border:2px solid #c98a3f;border-radius:24px;width:min(550px,88%);max-height:91%;padding:24px;overflow:auto}.wok-overlay>div>span,.wok-side>span{letter-spacing:.18em;color:#a43d2d;font-size:10px;font-weight:1000}.wok-overlay h2{margin:8px 0;font:800 clamp(25px,4vw,40px)/1.1 serif}.wok-overlay p{max-width:450px;margin:10px auto 15px;line-height:1.58}.wok-overlay>div>button{color:#fff;background:#a43d2d;border:0;border-radius:16px;align-items:center;gap:8px;min-height:50px;padding:0 23px;font-weight:900;display:inline-flex}.wok-overlay>div>small{color:#6f6258;margin-top:12px;display:block}.wok-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.wok-upgrades button{color:#33271f;background:#f5d59d;border:1px solid #bd8241;border-radius:16px;min-height:108px;padding:10px 6px}.wok-upgrades svg{margin:0 auto 6px;display:block}.wok-upgrades b,.wok-upgrades small{display:block}.wok-upgrades small{margin-top:5px;line-height:1.3}.wok-controls{grid-template-columns:1fr 160px;gap:9px;margin-top:10px;display:grid}.wok-foods{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.wok-foods button{border:1px solid color-mix(in srgb,var(--food),#33271f 30%);color:#33271f;background:#fff4dc;border-radius:15px;min-height:74px;position:relative}.wok-foods button:disabled,.wok-toss:disabled{opacity:.42}.wok-foods span{background:var(--food);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:1000;display:inline-grid}.wok-foods b{margin-top:3px;font-size:12px;display:block}.wok-foods small{color:#8c786b;position:absolute;top:5px;right:7px}.wok-toss{color:#fff;touch-action:manipulation;background:#b73e2d;border:0;border-radius:16px;min-height:74px}.wok-toss svg{width:23px}.wok-toss b,.wok-toss small{display:block}.wok-toss small{opacity:.7;margin-top:2px}.wok-toss:not(:disabled):active{background:#e0712f;transform:translateY(2px)}.wok-notice{color:#5e4d42;min-height:24px;margin:10px 5px 0;font-size:13px;font-weight:800}.wok-side{border-radius:26px;padding:24px}.wok-side h2{margin:9px 0;font:800 30px/1.13 serif}.wok-side>p{color:#62564d;line-height:1.65}.wok-side>div{border-top:1px solid #dec19b;gap:10px;padding:14px 0;display:flex}.wok-side>div svg{color:#a43d2d;flex:none}.wok-side>div p{margin:0}.wok-side>div b,.wok-side>div small{display:block}.wok-side>div small{color:#766b62;margin-top:3px;font-size:12px;line-height:1.5}.wok-side details{border-top:1px solid #dec19b;padding-top:13px}.wok-side summary{cursor:pointer;font-weight:900}.wok-side details p{font-size:12px;line-height:1.65}.wok-batch{height:0;margin:0;font-size:0}.game-focus .wok-side{display:none}.game-focus .wok-layout{grid-template-columns:1fr}.game-focus .wok-kitchen{min-height:600px}@keyframes fire-dance{to{transform:rotate(45deg)scale(1.08)}}@keyframes pan-shake{to{transform:translateY(-3px)rotate(1deg)}}@keyframes steam{to{opacity:.1;transform:translateY(-18px)}}@keyframes wok-pop{50%{transform:rotate(var(--turn)) translateX(52px) scale(1.3)}}@media (max-width:850px){.wok-layout{grid-template-columns:1fr}.wok-side{order:2}.wok-kitchen{min-height:min(62vh,520px)}}@media (max-width:520px){.wok-shell{width:calc(100% - 16px);padding-top:17px}.wok-top{height:52px}.wok-heading h1{font-size:39px}.wok-board{border-radius:20px;padding:9px}.wok-hud{grid-template-columns:repeat(3,1fr)}.wok-kitchen{min-height:430px}.wok-ticket{width:175px}.wok-pan{top:55%;transform:translate(-50%,-42%)scale(.88)}.wok-meter{left:8px;right:8px}.wok-controls{grid-template-columns:1fr}.wok-foods{gap:4px}.wok-foods button,.wok-toss{min-height:66px}.wok-upgrades{grid-template-columns:1fr}.wok-upgrades button{min-height:72px}.wok-overlay>div{padding:17px}.wok-side{padding:20px}}@media (max-width:360px){.wok-kitchen{min-height:400px}.wok-ticket{width:160px}.wok-ticket>b{font-size:18px}.wok-ticket i{width:29px;height:29px}.wok-foods b{font-size:11px}.wok-hud strong{font-size:17px}.wok-heading p{font-size:11px}}@media (prefers-reduced-motion:reduce){.wok-pan.heating .wok-flame i,.wok-pan.heating .wok-bowl,.wok-pan.heating .wok-steam,.wok-bowl span{animation:none}.wok-progress i,.wok-meter b{transition:none}}
