:root{--ink: #2a1d27;--cream: #fff4e2;--accent: #ff7a59;--accent2: #ffd34e;--good: #5fd38a;--bad: #ff5d6c;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#160f15;user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;overflow:hidden}#ui:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 18vw #1408108c}.hud-top{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:0 calc(18px + env(safe-area-inset-right,0px)) 0 calc(18px + env(safe-area-inset-left,0px));gap:12px}.orders{display:flex;gap:10px;flex-wrap:wrap;max-width:62vw}.ticket{position:relative;width:92px;background:var(--cream);border-radius:12px;padding:8px 8px 10px;box-shadow:0 6px #00000038,0 10px 22px #0000004d;transform-origin:top center;animation:ticketIn .32s cubic-bezier(.2,1.4,.4,1) both;color:var(--ink)}.ticket.boss{width:108px;background:linear-gradient(180deg,#fff4e2,#ffe6a8);border:2px solid var(--accent2);box-shadow:0 6px #b9421f,0 0 18px #ffd34e99,0 10px 22px #0000004d}.ticket.boss .name{color:#b9421f}.ticket.urgent{animation:urgentShake .5s linear infinite}.ticket.done{animation:ticketDone .4s ease forwards}@keyframes ticketIn{0%{transform:translateY(-26px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes ticketDone{to{transform:scale(1.25);opacity:0}}@keyframes urgentShake{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.ticket .name{font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket .icons{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;min-height:30px}.ticket .icons span{font-size:19px;line-height:1}.ticket .timer{margin-top:7px;height:7px;border-radius:4px;background:#00000024;overflow:hidden}.ticket .timer{position:relative}.ticket .timer>i{display:block;height:100%;width:100%;background:var(--good);border-radius:4px;transition:width .15s linear,background .3s}.ticket .timer>.secs{position:absolute;inset:0;text-align:center;font-size:9px;font-weight:800;color:var(--ink);line-height:7px}.settings{display:flex;flex-direction:column;gap:10px;min-width:min(86vw,380px)}.settings .srow{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--cream);font-weight:700;font-size:15px}.settings input[type=range]{width:150px;accent-color:var(--accent)}.settings .toggle{pointer-events:auto;cursor:pointer;min-width:64px;padding:6px 14px;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:#0000004d;color:var(--cream);font-weight:800;font-size:13px}.settings .toggle.on{background:var(--good);color:#134227;border-color:transparent}.scoreboard{background:#1c1018d1;border:2px solid rgba(255,211,78,.35);border-radius:14px;padding:8px 16px;color:var(--cream);text-align:right;min-width:150px;box-shadow:0 8px 20px #00000059}.scoreboard .score{font-size:30px;font-weight:800;line-height:1;color:var(--accent2);text-shadow:0 2px 0 rgba(0,0,0,.4)}.scoreboard .score.bump{animation:scoreBump .3s ease}@keyframes scoreBump{50%{transform:scale(1.28)}}.scoreboard .clock{font-size:22px;font-weight:700;letter-spacing:1px;margin-top:2px}.scoreboard .clock.low{color:var(--bad);animation:clockPulse 1s ease-in-out infinite}@keyframes clockPulse{50%{opacity:.45}}.combo{margin-top:4px;font-size:13px;font-weight:700;color:var(--accent);height:16px}.popup{position:absolute;font-weight:800;font-size:22px;color:var(--accent2);text-shadow:0 2px 0 rgba(0,0,0,.5);pointer-events:none;transform:translate(-50%,-50%);animation:popRise .9s ease-out forwards;white-space:nowrap}.popup.bad{color:var(--bad)}@keyframes popRise{0%{opacity:0;transform:translate(-50%,-40%) scale(.5)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:auto;color:var(--cream);background:radial-gradient(circle at 50% 35%,#3a1e3080,#10090eeb);backdrop-filter:blur(2px);gap:18px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px))}.panel>*{flex-shrink:0}.panel.hidden{display:none}.logo{font-size:clamp(40px,9vw,96px);font-weight:900;letter-spacing:2px;line-height:.95;color:var(--accent2);text-shadow:0 4px 0 var(--accent),0 8px 0 #c2452c,0 14px 26px rgba(0,0,0,.55);transform:rotate(-3deg);animation:logoBob 2.4s ease-in-out infinite}@keyframes logoBob{50%{transform:rotate(-3deg) translateY(-10px)}}.logo .sub{display:block;font-size:.26em;letter-spacing:8px;color:var(--cream);text-shadow:none;margin-top:6px;transform:rotate(0)}.menu-card{background:#140c1299;border:2px solid rgba(255,211,78,.3);border-radius:18px;padding:18px 26px;max-width:560px}.btn{pointer-events:auto;cursor:pointer;font-family:inherit;font-weight:800;font-size:22px;color:#5a2a18;background:linear-gradient(180deg,var(--accent2),var(--accent));border:none;border-radius:14px;padding:14px 30px;box-shadow:0 6px #b9421f,0 12px 20px #0006;transition:transform .08s,box-shadow .08s;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(4px);box-shadow:0 2px #b9421f}.btn.secondary{font-size:16px;padding:10px 20px;background:linear-gradient(180deg,#6de0a0,var(--good));box-shadow:0 5px #2e9c5f,0 10px 16px #00000059;color:#134227}.btn.secondary:active{box-shadow:0 1px #2e9c5f}.players-toggle{display:flex;gap:10px;justify-content:center}.players-toggle .opt{pointer-events:auto;cursor:pointer;padding:10px 18px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:#00000040;color:var(--cream);font-weight:700;font-size:16px}.players-toggle .opt.active{background:var(--accent);border-color:var(--accent2);color:#fff}.help{font-size:14px;line-height:1.7;color:#fff4e2d9;max-width:620px}.help b{color:var(--accent2)}.kbd{display:inline-block;background:#2c1c28;border:1px solid rgba(255,255,255,.25);border-bottom-width:3px;border-radius:6px;padding:1px 7px;font-size:13px;font-weight:700;color:var(--cream);margin:0 1px}.stars{font-size:64px;letter-spacing:8px;height:74px}.star{color:#4a3a44;display:inline-block}.star.lit{color:var(--accent2);animation:starPop .5s cubic-bezier(.2,1.6,.4,1) both;text-shadow:0 0 24px var(--accent2)}@keyframes starPop{0%{transform:scale(0)}}.result-line{font-size:20px}.result-line .v{color:var(--accent2);font-weight:800}.toast{position:absolute;bottom:28px;left:50%;transform:translate(-50%);background:#140c12d9;color:var(--cream);padding:10px 22px;border-radius:30px;font-weight:700;font-size:16px;border:1px solid rgba(255,211,78,.4);animation:toastIn .3s ease,toastOut .4s ease 2s forwards}@keyframes toastIn{0%{transform:translate(-50%,30px);opacity:0}}@keyframes toastOut{to{transform:translate(-50%,30px);opacity:0}}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22vh;font-weight:900;color:var(--accent2);text-shadow:0 6px 0 var(--accent),0 12px 30px rgba(0,0,0,.6);pointer-events:none}.countdown span{animation:cd 1s ease-in-out;display:inline-block}@keyframes cd{0%{transform:scale(2.2);opacity:0}30%{opacity:1}to{transform:scale(.6);opacity:0}}.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:20}.touch-controls .joy{pointer-events:auto;position:absolute;left:calc(26px + env(safe-area-inset-left,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));width:132px;height:132px;border-radius:50%;background:#140c1259;border:2px solid rgba(255,244,226,.3);touch-action:none}.touch-controls .joy-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffd34e8c;border:2px solid var(--cream)}.touch-controls .tbtns{pointer-events:none;position:absolute;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:86px 86px;gap:12px}.touch-controls .tbtn{pointer-events:auto;touch-action:none;height:70px;border-radius:16px;border:none;color:#5a2a18;font-weight:800;font-size:15px;background:linear-gradient(180deg,var(--accent2),var(--accent));box-shadow:0 5px #b9421f}.touch-controls .tbtn:active{transform:translateY(3px);box-shadow:0 2px #b9421f}.touch-controls .t-grab{grid-column:2;background:linear-gradient(180deg,#ffd34e,#ff7a59)}.touch-controls .t-dash{background:linear-gradient(180deg,#6de0a0,var(--good));box-shadow:0 5px #2e9c5f;color:#134227}.touch-controls .t-use{background:linear-gradient(180deg,#9fd0ff,#4f9dff);box-shadow:0 5px #2a6cc4;color:#0e2a4a}.credit{position:absolute;bottom:10px;width:100%;text-align:center;font-size:12px;color:#fff4e266}.roomcode{text-align:center;font-size:16px;color:var(--cream);margin-bottom:12px;letter-spacing:1px}.roomcode b{color:var(--accent2);font-size:26px;letter-spacing:6px;margin-left:6px}.lslots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lslot{display:flex;align-items:center;gap:10px;background:#00000047;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 12px}.lslot.empty{opacity:.5;border-style:dashed}.lslot .sw{width:22px;height:22px;border-radius:50%;background:#555;box-shadow:inset 0 -3px #00000040;flex:0 0 auto}.lslot .ln{font-weight:700;font-size:14px;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:6px;max-width:460px}.lvbtn{pointer-events:auto;cursor:pointer;border:2px solid rgba(255,255,255,.15);background:#0000004d;color:var(--cream);border-radius:10px;padding:7px 6px;font-weight:700;font-size:12px;font-family:inherit}.lvbtn.sel{background:var(--accent);border-color:var(--accent2);color:#fff}.netbadge{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:#140c12cc;border:1px solid rgba(255,211,78,.4);color:var(--cream);font-weight:700;font-size:12px;padding:4px 14px;border-radius:20px;z-index:15}.netbadge.warn{border-color:var(--bad);color:var(--bad)}.coinbar{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:calc(22px + env(safe-area-inset-right,0px));display:flex;gap:14px;align-items:center;background:#140c12d1;border:2px solid rgba(255,211,78,.4);border-radius:30px;padding:8px 18px;color:var(--accent2);font-weight:800;font-size:20px;box-shadow:0 6px 16px #00000059}.coinbar .c{color:var(--cream);font-weight:700}.dialog-card{display:flex;gap:16px;align-items:center;background:var(--cream);color:var(--ink);border-radius:18px;padding:20px 24px;max-width:620px;box-shadow:0 10px #00000040,0 18px 40px #00000073;animation:ticketIn .35s cubic-bezier(.2,1.4,.4,1) both}.portrait{flex:0 0 auto;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:46px;box-shadow:inset 0 -6px #0000002e;animation:logoBob 2s ease-in-out infinite}.dialog-card .who{font-weight:900;font-size:18px;margin-bottom:4px}.dialog-card .line{font-size:17px;line-height:1.4}.tabs{display:flex;gap:8px;margin-bottom:4px}.tab{pointer-events:auto;cursor:pointer;padding:8px 20px;border-radius:12px 12px 0 0;background:#0000004d;color:var(--cream);font-weight:800;font-size:16px;border:2px solid transparent;border-bottom:none}.tab.active{background:var(--cream);color:var(--ink)}.shop{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px}.upg{display:flex;align-items:center;gap:10px;background:#140c1299;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:var(--cream);text-align:left}.upg .ico{font-size:30px}.upg .info{flex:1;min-width:0}.upg .nm{font-weight:800;font-size:15px}.upg .ef{font-size:12px;color:var(--accent2)}.upg .tiers{font-size:11px;opacity:.7}.upg .buy{pointer-events:auto;cursor:pointer;white-space:nowrap;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#5a2a18;border:none;border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px;box-shadow:0 4px #b9421f}.upg .buy:active{transform:translateY(3px);box-shadow:0 1px #b9421f}.upg .buy:disabled{background:#4a3a44;color:#8a7a84;box-shadow:0 4px #2e2630;cursor:default}.upg .buy.maxed{background:linear-gradient(180deg,#6de0a0,var(--good));box-shadow:0 4px #2e9c5f;color:#134227}.cosgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:560px}.cos{display:flex;flex-direction:column;align-items:center;gap:6px;background:#140c1299;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 8px}.cos.on{border-color:var(--accent2);box-shadow:0 0 14px #ffd34e66}.cos .chefswatch{position:relative;width:44px;height:52px;border-radius:22px 22px 14px 14px;box-shadow:inset 0 -6px #0000002e}.cos .chefswatch i{position:absolute;left:50%;top:46%;width:22px;height:24px;margin-left:-11px;border-radius:6px}.cos .chefswatch:after{content:"";position:absolute;left:50%;top:-8px;width:30px;height:16px;margin-left:-15px;background:#fbfbff;border-radius:8px 8px 4px 4px}.cos .cn{font-size:12px;font-weight:800;color:var(--cream)}.cos .buy,.cos .equip{pointer-events:auto;cursor:pointer;width:100%;border:none;border-radius:9px;padding:6px 4px;font-weight:800;font-size:12px;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#5a2a18;box-shadow:0 3px #b9421f}.cos .equip{background:linear-gradient(180deg,#9fd0ff,#4f9dff);box-shadow:0 3px #2a6cc4;color:#0e2a4a}.cos .equip.eqd{background:linear-gradient(180deg,#6de0a0,var(--good));box-shadow:0 3px #2e9c5f;color:#134227}.cos .buy:disabled{background:#4a3a44;color:#8a7a84;box-shadow:0 3px #2e2630;cursor:default}.cos .buy:active,.cos .equip:active{transform:translateY(2px)}.map{position:relative;width:min(86vw,760px);height:min(48vh,420px);background:#140c1280;border:2px solid rgba(255,211,78,.3);border-radius:18px;overflow:hidden}.map-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px;pointer-events:none;z-index:3}.rnav{pointer-events:auto;cursor:pointer;width:46px;height:46px;border-radius:50%;background:#ffd34e33;border:2px solid rgba(255,211,78,.5);color:var(--accent2);font-size:20px;font-weight:900}.rnav.ghost{width:46px;visibility:hidden}.map .region-name{position:absolute;top:12px;left:0;right:0;text-align:center;font-weight:900;font-size:22px;color:var(--accent2);text-shadow:0 2px 0 rgba(0,0,0,.4)}.map .region-blurb{position:absolute;top:42px;left:0;right:0;text-align:center;font-size:13px;color:#fff4e2b3}.node{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;text-align:center}.node .dot{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#5a2a18;box-shadow:0 6px #b9421f,0 10px 18px #0006;border:3px solid var(--cream)}.node.locked .dot{background:#3a2e36;color:#6f5f69;box-shadow:0 6px #1c161e;border-color:#5a4a54;cursor:default}.node .stars{font-size:14px;letter-spacing:1px;margin-top:4px;height:16px}.node .stars .s{color:#4a3a44}.node .stars .s.lit{color:var(--accent2);text-shadow:0 0 8px var(--accent2)}.node .req{font-size:11px;color:var(--bad);margin-top:2px}.map svg.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chips{display:flex;flex-direction:column;gap:4px;margin-top:6px;align-items:flex-end}.chip{font-size:11px;font-weight:700;color:var(--cream);background:#1c1018b3;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:2px 10px;white-space:nowrap}.chip.met{color:#134227;background:var(--good);border-color:transparent}.chip .box{opacity:.6}.coin-tally{font-size:26px;font-weight:900;color:var(--accent2);text-shadow:0 2px 0 rgba(0,0,0,.4);margin:4px 0}.chal-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.chal{font-size:14px;color:var(--cream);opacity:.6}.chal.met{opacity:1;color:var(--good);font-weight:700}.bark{position:absolute;left:22px;bottom:90px;display:flex;align-items:center;gap:8px;background:var(--cream);color:var(--ink);border-radius:16px;padding:8px 14px 8px 10px;font-weight:800;font-size:15px;max-width:280px;box-shadow:0 6px #0003,0 10px 22px #0006;animation:barkIn .25s cubic-bezier(.2,1.5,.4,1) both,barkOut .35s ease 2.6s forwards}.bark .pic{font-size:26px}@keyframes barkIn{0%{transform:translate(-30px) scale(.7);opacity:0}}@keyframes barkOut{to{transform:translate(-30px);opacity:0}}@media (pointer: coarse){.bark{bottom:calc(176px + env(safe-area-inset-bottom,0px))}}