:root{--ink: #fff3dc;--ink-dim: #e8cfae;--bg: #1a0f0c;--panel: rgba(42, 24, 18, .94);--panel-edge: rgba(255, 196, 120, .22);--orange: #ff8a3d;--orange-deep: #e5602a;--gold: #f2c14e;--red: #d8432f;--green: #6cc04a;--blue: #6fb6ff;--display: "Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--body: "Be Vietnam Pro", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent}body{user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;color:inherit}svg{display:block}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none;touch-action:none}#world-ui{position:fixed;inset:0;pointer-events:none;z-index:5}#world-ui.hidden{display:none}#world-ui>*{position:absolute;left:0;top:0;will-change:transform}.bubble{pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .2s;background:#fffaf0;color:#3a2016;border-radius:16px;padding:6px 8px 8px;min-width:76px;box-shadow:0 6px #0000002e,0 10px 24px #00000059;border:2px solid #f2dcb8}.bubble.show{opacity:1}.bubble:not(.show),.lane-flip:not(.show){pointer-events:none}.bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;background:#fffaf0;border-right:2px solid #f2dcb8;border-bottom:2px solid #f2dcb8;transform:translate(-50%) rotate(45deg)}.bubble.pop{animation:bubble-pop .42s cubic-bezier(.3,1.6,.5,1)}@keyframes bubble-pop{0%{scale:.4}to{scale:1}}.bubble .row{display:flex;align-items:center;gap:2px;justify-content:center}.bubble .ing{position:relative;width:clamp(30px,4.2vmin,46px);height:clamp(30px,4.2vmin,46px)}.bubble .ing svg{width:100%;height:100%}.bubble .ing em{position:absolute;left:-3px;top:-4px;font:700 11px/16px var(--display);font-style:normal;background:#3a2016;color:#fff;width:16px;height:16px;border-radius:50%;text-align:center;z-index:1}.bubble .seq{font:800 16px var(--display);color:#c08a5a;font-style:normal}.bubble .sauce{display:flex;flex-direction:column;align-items:center;margin-left:4px;padding-left:5px;border-left:2px dashed #ecd2aa}.bubble .sauce svg{width:clamp(24px,3vmin,34px);height:clamp(24px,3vmin,34px)}.bubble .sauce small{font:600 10px var(--body);color:#8a5a3a;white-space:nowrap}.bubble .tag{font:700 10px var(--body);text-transform:uppercase;letter-spacing:.06em;color:#b0582a;text-align:center;margin-top:1px}.bubble .pat{height:6px;border-radius:6px;background:#f0e2c8;overflow:hidden;margin-top:5px}.bubble .pat i{display:block;height:100%;background:linear-gradient(90deg,#6cc04a,#9ad85a);transform-origin:left;border-radius:6px}.bubble.mid .pat i{background:linear-gradient(90deg,#f2b134,#f7cf5e)}.bubble.hurry .pat i{background:linear-gradient(90deg,#e04a2f,#f07a4a)}.bubble.hurry{animation:hurry .5s ease-in-out infinite alternate}@keyframes hurry{to{rotate:2deg}}.bubble.is-vip{background:linear-gradient(#fff6d6,#ffe9a8);border-color:#e0b040;box-shadow:0 6px #8c5a004d,0 0 24px #ffc8508c}.bubble.is-vip:after{background:#ffe9a8;border-color:#e0b040}.bubble .vip{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;font:800 11px var(--display);background:#3a2016;color:var(--gold);padding:0 7px 0 4px;border-radius:10px;letter-spacing:.05em}.bubble .vip svg{width:16px;height:16px}.cookbar{width:clamp(34px,4.2vmin,54px);height:7px;border-radius:6px;background:#140a06bf;overflow:hidden;opacity:0;transition:opacity .15s;box-shadow:0 0 0 1.5px #ffe6be59}.cookbar.show{opacity:1}.cookbar i{position:absolute;top:0;bottom:0;display:block}.cookbar .zone{background:#ffd2508c;box-shadow:inset 0 0 0 1px #ffe678e6}.cookbar .fill{left:0;width:100%;background:linear-gradient(90deg,#f4e2c0,#f2a84a 60%,#c4481e);transform-origin:left;opacity:.85}.cookbar .mark{width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 4px #fff}.cookbar[data-state=perfect]{box-shadow:0 0 0 2px #ffd04a,0 0 10px #ffc23a}.cookbar[data-state=perfect] .fill{background:linear-gradient(90deg,#ffe08a,#ffc23a)}.cookbar[data-state=overcooked] .fill{background:linear-gradient(90deg,#d2864a,#8a3a1a)}.cookbar[data-state=burned]{box-shadow:0 0 0 2px #e04a2f}.cookbar[data-state=burned] .fill{background:#2a1a12}.cookbar.needflip{animation:needflip .35s ease-in-out infinite alternate}@keyframes needflip{to{box-shadow:0 0 0 2px #ff8a3d,0 0 10px #ff8a3d}}.lane-heat{display:flex;align-items:center;gap:0;padding:2px 6px 2px 3px;border-radius:10px;background:#1e0e08b8;font:700 10px var(--body);color:#ffd9a8;white-space:nowrap}.lane-heat svg{width:13px;height:13px;margin-right:-2px}.lane-heat span{margin-left:5px}.lane-heat.flare{background:#c83214d9;color:#fff;animation:hurry .2s infinite alternate}.lane-heat.cold{background:#3c506ed9;color:#dfeeff}.lane-heat.cold svg{filter:grayscale(1) brightness(1.5)}body.lane-pick .lane-heat{box-shadow:0 0 0 2px var(--gold),0 0 14px var(--gold)}.lane-flip{pointer-events:auto;cursor:pointer;width:clamp(38px,5vmin,52px);height:clamp(38px,5vmin,52px);border-radius:50%;border:0;padding:9px;color:#3a2016;background:radial-gradient(circle at 35% 30%,#fff6e2,#f2c98a);box-shadow:0 4px #b07a3a,0 6px 14px #0006;opacity:0;scale:.6;transition:opacity .15s,scale .15s}.lane-flip.show{opacity:1;scale:1}.lane-flip svg{width:100%;height:100%}.lane-flip.urgent{background:radial-gradient(circle at 35% 30%,#ffe0b0,#ff8a3d);animation:urgent .45s ease-in-out infinite alternate}@keyframes urgent{to{box-shadow:0 4px #b05a2a,0 0 0 6px #ff8a3d59,0 0 22px #ff8a3dcc}}.lane-flip.pop{animation:flip-pop .3s ease}@keyframes flip-pop{50%{rotate:180deg;scale:1.15}}.lane-flip:disabled{filter:grayscale(1);opacity:.4}.lane-warn{width:34px;height:34px;opacity:0;transition:opacity .2s;filter:drop-shadow(0 0 8px #ff6a2a)}.lane-warn.show{opacity:1;animation:hurry .18s infinite alternate}.lane-warn[data-kind=cold]{filter:grayscale(1) brightness(1.6) drop-shadow(0 0 8px #6fb6ff)}.station-label{font:600 clamp(10px,1.3vmin,12px) var(--body);color:#ffeccdd1;background:#1e0e088c;padding:1px 7px;border-radius:8px;white-space:nowrap}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud.hidden{display:none}#hud-top{position:absolute;top:calc(8px + var(--safe-t));left:8px;right:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hud-left,.hud-right{display:flex;align-items:center;gap:8px;pointer-events:auto;flex:1}.hud-right{justify-content:flex-end}.icon-btn{width:42px;height:42px;border-radius:14px;border:0;padding:9px;cursor:pointer;background:#28140ecc;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--panel-edge),0 4px 10px #0000004d;flex:none}.icon-btn:hover{background:#462418e6}.icon-btn svg{width:100%;height:100%}#level-chip{display:flex;flex-direction:column;line-height:1.05;background:#28140eb3;padding:5px 12px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--panel-edge);min-width:0}#level-chip span{font:600 11px var(--body);color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#level-chip b{font:700 15px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#timer{display:flex;align-items:center;gap:6px;padding:4px 16px 4px 10px;border-radius:22px;background:linear-gradient(#3a1e14,#24120c);box-shadow:inset 0 0 0 2px #ffc47859,0 6px 16px #0006;flex:none}#timer i{width:22px;height:22px;color:var(--gold)}#timer b{font:800 26px/1.1 var(--display);font-variant-numeric:tabular-nums;min-width:58px;text-align:center;display:flex;gap:4px;justify-content:center}#timer .life{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd36a,#ff7a2a);box-shadow:0 0 8px #ff7a2a;display:inline-block}#timer .life.gone{background:#4a3028;box-shadow:none}#timer.low{animation:low .5s ease-in-out infinite alternate}#timer.low b{color:#ff7a5a}@keyframes low{to{box-shadow:inset 0 0 0 2px #ff5a3a,0 0 24px #ff4628b3;scale:1.06}}#timer.rush{background:linear-gradient(#a83218,#6a1a0c)}#timer.frozen{background:linear-gradient(#3a6a9a,#1c3a5a)}#score{display:flex;flex-direction:column;align-items:flex-end;line-height:1;background:#28140eb3;padding:4px 12px 6px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--panel-edge);min-width:110px}#score span{font:600 10px var(--body);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}#score b{font:800 24px/1.05 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}#score.bump b{animation:bump .35s cubic-bezier(.3,1.8,.5,1)}@keyframes bump{40%{scale:1.3;color:#fff}}#hud.double #score{box-shadow:inset 0 0 0 2px var(--gold),0 0 20px #f2c14eb3}#starbar{position:relative;width:100%;height:5px;background:#ffffff1f;border-radius:4px;margin-top:5px}#starbar .fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--orange),var(--gold));border-radius:4px;transform-origin:left;transform:scaleX(0);transition:transform .3s}#starbar .st{position:absolute;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);color:#6a4a38;transition:color .2s,scale .2s}#starbar .st.on{color:var(--gold);scale:1.2;filter:drop-shadow(0 0 4px var(--gold))}#combo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;opacity:0;scale:.5;transition:opacity .2s,scale .2s;background:radial-gradient(circle,#4a2214,#26120a);flex:none}#combo.show{opacity:1;scale:1}#combo .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--p, 1) * 360deg),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(circle,transparent 23px,#000 24px);mask:radial-gradient(circle,transparent 23px,#000 24px)}#combo b{font:800 20px/1 var(--display);color:#fff;z-index:1}#combo span{font:700 9px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);z-index:1}#combo.hot{box-shadow:0 0 24px #ff7828cc}#combo.hot b{color:var(--gold)}#combo.flash{animation:bump .4s cubic-bezier(.3,1.8,.5,1)}#hud-bottom{position:absolute;left:0;right:0;bottom:calc(8px + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}#boosters{display:flex;gap:6px;pointer-events:auto;background:#1e0e08b3;padding:6px;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--panel-edge)}.booster{position:relative;width:48px;height:48px;border:0;border-radius:14px;padding:10px;cursor:pointer;color:#3a2016;background:linear-gradient(#fff3d8,#f2cf92);box-shadow:0 4px #b07a3a;transition:translate .08s}.booster:active{translate:0 3px;box-shadow:0 1px #b07a3a}.booster svg{width:100%;height:100%}.booster .n{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;font:700 11px/19px var(--body)}.booster:disabled{filter:grayscale(.9) brightness(.6);cursor:default}.booster.active{background:linear-gradient(#fff8d0,#ffd34a);box-shadow:0 4px #b08a1a,0 0 18px #ffd250cc;animation:low .6s infinite alternate}#sabotage-bar{display:flex;align-items:center;gap:8px;pointer-events:auto;background:#3c0e14bf;padding:5px 8px;border-radius:16px;box-shadow:inset 0 0 0 1.5px #ff78784d}#sabotage-bar.hidden{display:none}#meter,#opp .meter{display:flex;gap:3px}#meter i,#opp .meter i{width:10px;height:16px;border-radius:4px;background:#ffffff1f}#meter i.on,#opp .meter i.on{background:linear-gradient(#ffb35a,#ff5a3a);box-shadow:0 0 6px #ff7a3a}#sabotage{display:flex;gap:5px}.sab{display:flex;align-items:center;gap:4px;border:0;border-radius:12px;padding:5px 9px 5px 6px;cursor:pointer;background:#ffe3d8;color:#5a1a14;font:700 11px var(--body);box-shadow:0 3px #a04a3a}.sab svg{width:18px;height:18px}.sab em{font-style:normal;background:#5a1a14;color:#fff;border-radius:8px;padding:0 5px}.sab:disabled{filter:grayscale(1) brightness(.6)}#opp{position:absolute;top:calc(64px + var(--safe-t));left:8px;display:none;flex-direction:column;background:#28140ecc;padding:6px 12px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--panel-edge);line-height:1.15}#hud.pvp #opp{display:flex}#opp .who{font:600 12px var(--body);color:var(--ink-dim)}#opp b{font:800 20px var(--display)}#opp .mini{font-size:11px;color:var(--ink-dim)}#opp.ahead b{color:#ff8a6a}#hint{position:absolute;left:50%;bottom:calc(70px + var(--safe-b));transform:translate(-50%) translateY(10px);display:flex;align-items:center;gap:8px;max-width:min(92vw,560px);padding:7px 14px 7px 9px;border-radius:14px;background:#fff5e1f2;color:#3a2016;font:600 14px var(--body);box-shadow:0 6px 18px #00000059;opacity:0;transition:opacity .25s,transform .25s}#hint.show{opacity:1;transform:translate(-50%)}#hint svg{width:22px;height:22px;flex:none;color:var(--orange-deep)}#hud.pvp #hint{bottom:calc(116px + var(--safe-b))}#edge-arrow{position:absolute;left:0;top:0;width:34px;height:34px;margin:-44px 0 0 -17px;color:var(--gold);filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));opacity:0;transition:opacity .2s}#edge-arrow.show{opacity:1}#edge-arrow svg{animation:nudge .6s ease-in-out infinite alternate}@keyframes nudge{to{translate:0 8px}}#intro{position:absolute;left:50%;top:22%;transform:translate(-50%);max-width:min(90vw,460px);text-align:center;padding:14px 20px;border-radius:18px;background:#1e0e08e0;box-shadow:inset 0 0 0 1.5px var(--panel-edge);opacity:0;pointer-events:none}#intro b{display:block;font:800 24px var(--display);color:var(--gold)}#intro span{font-size:14px;color:var(--ink)}#intro.show{animation:intro 4.2s ease forwards}@keyframes intro{0%{opacity:0;translate:0 10px}10%,80%{opacity:1;translate:0 0}to{opacity:0}}#popups,#banners{position:fixed;inset:0;pointer-events:none;z-index:20}.popup{position:absolute;transform:translate(-50%,-50%);font:800 18px var(--display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.4);white-space:nowrap;animation:popup 1.3s ease-out forwards;display:flex;align-items:center;gap:3px}.popup svg{width:18px;height:18px}.popup.score{font-size:28px;color:var(--gold)}.popup.score.gold{font-size:34px;color:#ffe27a;text-shadow:0 2px 0 #a8640e,0 0 16px rgba(255,200,60,.9)}.popup.tip{font-size:16px;color:#ffe9b0}.popup.perfect{font-size:15px;color:#ffe27a}.popup.warn{font-size:14px;color:#ffc08a}.popup.bad{font-size:16px;color:#ff8a7a}.popup.sauce{font-size:14px;color:#fff3dc}@keyframes popup{0%{opacity:0;scale:.4}12%{opacity:1;scale:1.15}25%{scale:1}to{opacity:0;translate:0 -60px}}.banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;animation:banner 1.6s ease forwards}.banner b{font:800 clamp(34px,7vmin,64px)/1 var(--display);color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 30px rgba(255,140,60,.6);letter-spacing:.02em}.banner span{font:700 clamp(15px,2.4vmin,20px) var(--body);color:var(--ink);text-shadow:0 2px 6px rgba(0,0,0,.6)}.banner svg{width:46px;height:46px}.banner.small b{font-size:28px}.banner.small,.banner.perfect{top:30%}.banner.perfect b{font-size:clamp(30px,5.5vmin,52px);color:#ffe27a;text-shadow:0 4px 0 #a8640e,0 0 30px rgba(255,210,80,.9)}.banner.vip b{color:var(--gold)}.banner.rush b{color:#ff7a4a}.banner.combo{top:33%}.banner.combo b{font-size:clamp(28px,5vmin,44px);color:var(--orange)}.banner.break span{color:#ffb0a0;font-size:18px}.banner.count b{font-size:clamp(60px,16vmin,140px)}.banner.over b{color:var(--gold)}.banner.sab b{color:#ff7a7a}@keyframes banner{0%{opacity:0;scale:.5}14%{opacity:1;scale:1.08}24%{scale:1}80%{opacity:1}to{opacity:0;scale:1.05}}.glint{position:fixed;z-index:21;width:14px;height:14px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0,#ffd34a 40%,#ffa02800 70%)}#toast{position:fixed;left:50%;top:calc(76px + var(--safe-t));transform:translate(-50%);z-index:30;padding:8px 16px;border-radius:12px;background:#1e0e08eb;color:var(--ink);font:600 14px var(--body);box-shadow:inset 0 0 0 1.5px var(--panel-edge);opacity:0;pointer-events:none;max-width:90vw;text-align:center}#toast.show{animation:toast 2.2s ease forwards}@keyframes toast{0%{opacity:0;translate:0 -8px}10%,80%{opacity:1;translate:0 0}to{opacity:0}}#net{position:fixed;left:50%;bottom:4px;transform:translate(-50%);z-index:40;font-size:12px;color:#ffb0a0;pointer-events:none}#smoke-overlay{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .6s}#smoke-overlay i{position:absolute;width:60vmin;height:40vmin;border-radius:50%;background:radial-gradient(circle,#c8c3beeb,#a09b9600 70%);left:50%;top:50%;animation:drift 6s ease-in-out infinite alternate}#smoke-overlay i:nth-child(1){translate:-90% -60%}#smoke-overlay i:nth-child(2){translate:-10% -40%;animation-delay:-2s}#smoke-overlay i:nth-child(3){translate:-60% -10%;animation-delay:-4s}#smoke-overlay i:nth-child(4){translate:-30% -80%;animation-delay:-1s}@keyframes drift{to{transform:translate(8vmin,-4vmin) scale(1.15)}}body.smoked #smoke-overlay{opacity:1}.screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 30%,#3c1a108c,#0a0504d1);overflow:auto}.screen.hidden{display:none}#screen-title{background:radial-gradient(ellipse at 50% 35%,#28100a33,#0a0504bf)}.title-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(560px,100%)}.profile-chip{align-self:stretch;display:flex;gap:10px;justify-content:flex-end;align-items:center;font-weight:600;font-size:14px}.profile-chip .who{margin-right:auto;color:var(--ink-dim)}.coins,.stars{display:inline-flex;align-items:center;gap:4px;background:#1e0e08bf;padding:3px 10px 3px 4px;border-radius:14px;font:700 15px var(--display)}.ic-coin,.ic-star{width:20px;height:20px;display:inline-block;background:radial-gradient(circle at 35% 30%,#ffe27a,#e0a020);border-radius:50%;box-shadow:inset 0 0 0 2px #c48a1c}.ic-star{border-radius:0;box-shadow:none;clip-path:polygon(50% 2%,63% 36%,98% 38%,70% 60%,80% 95%,50% 74%,20% 95%,30% 60%,2% 38%,37% 36%)}.logo{text-align:center}.mascot-art{width:120px;height:120px;margin:0 auto -6px;animation:bob 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(255,120,40,.45))}@keyframes bob{50%{translate:0 -6px}}.logo h1{margin:0;display:flex;flex-direction:column;line-height:.92}.logo .l1{font:800 clamp(40px,9vmin,72px) var(--display);color:#fff3dc;text-shadow:0 5px 0 #8a2b16,0 10px 30px rgba(0,0,0,.5)}.logo .l2{font:800 clamp(48px,11vmin,92px) var(--display);position:relative;align-self:center;width:max-content;color:#6a1a0c;transform:translateY(5px);text-shadow:0 0 24px rgba(255,120,40,.4)}.logo .l2:after{content:attr(data-text);position:absolute;left:0;top:-5px;white-space:nowrap;text-shadow:none;background:linear-gradient(#ffe27a,#ff8a3d 60%,#e5502a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.logo .tag{margin:10px 0 0;color:var(--ink-dim);font-size:15px}.title-actions{display:flex;flex-direction:column;gap:10px;width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;cursor:pointer;padding:12px 16px;border-radius:16px;font:700 16px var(--display);color:#3a2016;background:linear-gradient(#fff3d8,#f2cf92);box-shadow:0 5px #b07a3a,0 10px 20px #0000004d;transition:translate .08s,box-shadow .08s,filter .15s;text-decoration:none}.btn:hover{filter:brightness(1.06)}.btn:active{translate:0 4px;box-shadow:0 1px #b07a3a,0 4px 10px #0000004d}.btn.primary{color:#fff;background:linear-gradient(#ff9a4a,#e5602a);box-shadow:0 5px #9a3a14,0 10px 24px #e5602a73}.btn.primary:active{box-shadow:0 1px #9a3a14}.btn.accent{color:#fff;background:linear-gradient(#e85a5a,#b0282a);box-shadow:0 5px #6a1418,0 10px 20px #0000004d}.btn.ghost{background:#fff0dc1a;color:var(--ink);box-shadow:inset 0 0 0 2px var(--panel-edge)}.btn.big{padding:14px 18px}.btn.big b{font:800 24px var(--display)}.btn.big span{font:600 13px var(--body);opacity:.9}.btn.small{padding:7px 12px;font-size:14px;flex-direction:row;gap:6px;border-radius:12px}.btn.small svg{width:18px;height:18px}.btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.small-links{gap:18px}.link{background:none;border:0;color:var(--ink-dim);font:600 14px var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.panel{width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:12px;background:var(--panel);border-radius:22px;padding:16px;box-shadow:inset 0 0 0 1.5px var(--panel-edge),0 20px 60px #00000080}.panel.wide{width:min(860px,100%)}.panel.narrow{width:min(400px,100%);text-align:center}.panel h2{margin:0;font:800 26px var(--display)}.panel-head{display:flex;align-items:center;gap:10px}.panel-head h2{flex:1}.scroll{overflow:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:10px;padding-right:2px;touch-action:pan-y}.lead{margin:0;color:var(--ink-dim);font-size:15px;line-height:1.5}.dim{color:var(--ink-dim);font-size:13px;margin:0}.stall{border-radius:18px;padding:12px;background:linear-gradient(135deg,#c8322b40,#28120c99);box-shadow:inset 0 0 0 1.5px var(--panel-edge)}.stall.theme-seafood{background:linear-gradient(135deg,#2a6fb04d,#14121e99)}.stall.theme-mountain{background:linear-gradient(135deg,#4f7a3a4d,#14161099)}.stall.theme-beach{background:linear-gradient(135deg,#e08a2e4d,#1e121e99)}.stall.theme-festival{background:linear-gradient(135deg,#d4282f52,#280a1e99)}.stall header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}.stall h3{margin:0;font:800 20px var(--display)}.stall p{margin:0;font-size:13px;color:var(--ink-dim);flex:1}.stall .need{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#ffd0a0}.stall .need svg{width:16px;height:16px}.stall.locked{opacity:.6}.lv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lv{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:0;border-radius:14px;padding:10px;cursor:pointer;color:#3a2016;background:linear-gradient(#fff6e2,#f2d8a8);box-shadow:0 4px #b07a3a}.lv .num{font:800 13px var(--display);color:#b0582a}.lv .nm{font:700 15px/1.15 var(--display)}.lv .stars{display:flex;gap:2px}.lv .stars i{width:16px;height:16px;color:#d8c0a0}.lv .stars i.on{color:#f2a81e}.lv .foods{display:flex;gap:1px;margin-top:2px}.lv .foods svg{width:20px;height:20px}.lv .best{font-size:11px;color:#8a5a3a}.lv.locked{filter:grayscale(.8);opacity:.6;cursor:default}.lv .lockic{position:absolute;right:8px;top:8px;width:18px;height:18px}.mode-card{display:flex;gap:12px;align-items:center;text-align:left;border:0;cursor:pointer;padding:12px;border-radius:16px;background:linear-gradient(#fff6e2,#f2d8a8);color:#3a2016;box-shadow:0 4px #b07a3a}.mode-card .ic{width:48px;height:48px;flex:none;border-radius:14px;padding:9px;background:#3a2016;color:var(--gold)}.mode-card .ic svg{width:100%;height:100%}.mode-card .tx{display:flex;flex-direction:column;gap:2px}.mode-card b{font:800 18px var(--display)}.mode-card span{font-size:13px;line-height:1.4}.mode-card em{font-style:normal;font-size:12px;font-weight:700;color:#b0582a;display:inline-flex;gap:4px;align-items:center}.mode-card em svg{width:14px;height:14px}.mode-card.locked{filter:grayscale(.7);opacity:.65;cursor:default}.mode-card.mode-pvp{background:linear-gradient(#ffe6e0,#f2b0a0)}.pvp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pvp-actions .join{grid-column:1 / -1;display:flex;gap:8px}input,select{font:600 16px var(--body);padding:10px 12px;border-radius:12px;border:0;background:#fff6e2;color:#3a2016;min-width:0;flex:1;outline:none;box-shadow:inset 0 0 0 2px #e6c48e;user-select:text;-webkit-user-select:text}#pvp-code{text-transform:uppercase;letter-spacing:.25em;font:800 20px var(--display);text-align:center}#pvp-status{text-align:center;min-height:40px}#pvp-status .code{font:800 44px var(--display);letter-spacing:.2em;color:var(--gold);margin:4px 0 10px}#pvp-status .err{color:#ff9a8a;font-weight:600}.dots{display:inline-flex;gap:4px;margin-right:8px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:dot .9s infinite alternate}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{to{opacity:.2;translate:0 -4px}}.shop-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#fff0dc0f;box-shadow:inset 0 0 0 1.5px var(--panel-edge)}.shop-row .ic{width:44px;height:44px;flex:none;padding:9px;border-radius:12px;background:linear-gradient(#fff3d8,#f2cf92);color:#3a2016}.shop-row .tx{flex:1;display:flex;flex-direction:column}.shop-row .tx b{font:700 16px var(--display)}.shop-row .tx span{font-size:12px;color:var(--ink-dim)}.shop-row .have{font-size:12px;color:var(--ink-dim);white-space:nowrap}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-weight:600;font-size:14px;color:var(--ink-dim)}.check{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.check input{flex:none;width:20px;height:20px;accent-color:var(--orange)}#screen-pause .panel{gap:10px}#screen-pause .pvp-note{display:none}#screen-pause.pvp .pvp-note{display:block}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.help-grid>div{background:#fff0dc0f;border-radius:14px;padding:10px 12px;box-shadow:inset 0 0 0 1.5px var(--panel-edge)}.help-grid h4{display:flex;align-items:center;gap:8px;margin:0 0 4px;font:700 16px var(--display);color:var(--gold)}.help-grid h4 svg{width:20px;height:20px}.help-grid p{margin:0;font-size:13px;line-height:1.5}.help-foods{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.help-foods span{display:flex;flex-direction:column;align-items:center;background:#fff0dc0f;border-radius:12px;padding:6px;font-size:12px}.help-foods svg{width:34px;height:34px}.help-foods em{font-style:normal;color:var(--ink-dim);font-size:11px}.sab-h{margin:6px 0 0;font:700 16px var(--display);color:#ff9a8a}.help-sab{display:flex;flex-wrap:wrap;gap:8px}.help-sab span{display:flex;align-items:center;gap:6px;font-size:13px;background:#ff78781a;padding:5px 10px;border-radius:10px}.help-sab svg{width:18px;height:18px}.result{align-items:center}.result .kicker{margin:0;color:var(--ink-dim);font-size:13px;font-weight:600}.result h2{font-size:36px;color:var(--gold)}.big-stars{display:flex;gap:8px;justify-content:center}.big-stars i{width:64px;height:64px;color:#5a3a2a}.big-stars i:nth-child(2){translate:0 -10px}.big-stars i.on{color:var(--gold);animation:star-in .5s cubic-bezier(.3,1.8,.5,1) both;animation-delay:var(--d);filter:drop-shadow(0 0 12px rgba(255,200,60,.7))}@keyframes star-in{0%{scale:0;rotate:-90deg}}.final-score{display:flex;flex-direction:column;align-items:center}.final-score span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim)}.final-score b{font:800 46px/1 var(--display);color:#fff;font-variant-numeric:tabular-nums}.final-score em{font-style:normal;font:700 13px var(--body);color:#3a2016;background:var(--gold);padding:1px 10px;border-radius:10px;margin-top:4px}.stats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.stats li{display:flex;flex-direction:column;background:#fff0dc0f;border-radius:12px;padding:6px}.stats b{font:800 20px var(--display)}.stats span{font-size:11px;color:var(--ink-dim)}.rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rewards .coin,.rewards .gift{display:inline-flex;align-items:center;gap:4px;background:#f2c14e26;padding:4px 10px;border-radius:12px;font:700 15px var(--display);color:var(--gold)}.rewards svg{width:20px;height:20px}.unlocked{margin:0;font-weight:700;color:#a8e07a}#loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#3a1a10,#120806);transition:opacity .5s}#loader.hidden{opacity:0;pointer-events:none}.loader-inner{text-align:center}.loader-inner h1{font:800 34px var(--display);margin:18px 0 14px;color:var(--ink)}.loader-inner h1 b{color:var(--orange)}.coal-spin{position:relative;width:70px;height:70px;margin:0 auto}.coal-spin i{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd36a,#ff6a2a 50%,#6a1a0c);box-shadow:0 0 18px #ff7a2a;animation:orbit 1.4s linear infinite}.coal-spin i:nth-child(2){animation-delay:-.47s}.coal-spin i:nth-child(3){animation-delay:-.93s}@keyframes orbit{0%{transform:rotate(0) translate(24px) scale(1)}50%{transform:rotate(180deg) translate(24px) scale(.7)}to{transform:rotate(360deg) translate(24px) scale(1)}}.bar{width:220px;height:8px;border-radius:6px;background:#ffffff1a;overflow:hidden;margin:0 auto}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));transform-origin:left;transform:scaleX(0);transition:transform .25s}.label{color:var(--ink-dim);font-size:14px}@media(max-width:640px){#level-chip{display:none}#score{min-width:86px;padding:3px 9px 5px}#score b{font-size:20px}#timer b{font-size:22px;min-width:48px}.icon-btn{width:38px;height:38px;padding:8px}#btn-help{display:none}#combo{width:50px;height:50px}#combo .ring{-webkit-mask:radial-gradient(circle,transparent 19px,#000 20px);mask:radial-gradient(circle,transparent 19px,#000 20px)}.booster{width:42px;height:42px;padding:8px}#boosters{gap:4px;padding:5px}.lv-row{grid-template-columns:1fr}.lv{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}.lv .foods{display:none}.grid2,.pvp-actions{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.big-stars i{width:50px;height:50px}#hint{font-size:13px}.sab span{display:none}}body.clean #hud,body.clean #world-ui,body.clean #popups,body.clean #banners,body.clean #toast,body.clean #net,body.clean .screen,body.clean-hud #hint,body.clean-hud #edge-arrow,body.clean-hud #intro,body.clean-hud #toast{display:none!important}