:root{--ink: #2c2c46;--cream: #fdf6e7;--cream-2: #f6ead0;--coral: #f26d5b;--coral-dark: #c94c3e;--teal: #3cc4b0;--teal-dark: #25998a;--sky: #63bdf6;--gold: #ffc93c;--player: #3cc4b0;--rival: #f25b5b;--good: #46c37b;--warn: #ffb938;--bad: #f2554b;--safe-t: max(12px, env(safe-area-inset-top));--safe-r: max(12px, env(safe-area-inset-right));--safe-b: max(12px, env(safe-area-inset-bottom));--safe-l: max(12px, env(safe-area-inset-left));color:var(--ink);font-family:Fredoka,"Baloo 2",Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:600;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#f3d6ae;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;outline:none;touch-action:none}.hidden{display:none!important}#name-tags,#floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.name-tag{position:absolute;left:0;top:0;padding:2px 10px 3px;border:2px solid rgba(255,255,255,.9);border-radius:10px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;background:var(--player);box-shadow:0 3px #00000026;transform:translate(-50%,-100%);will-change:transform}.name-tag.rival{background:var(--rival)}.floater{position:absolute;left:0;top:0;font-size:26px;font-weight:700;color:var(--gold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;white-space:nowrap;transform:translate(-50%,-50%);animation:floatUp 1.2s ease-out forwards}.floater.bad{color:#ff8a80;font-size:20px}.floater.info{color:#fff;font-size:17px}@keyframes floatUp{0%{opacity:0;margin-top:10px;scale:.6}15%{opacity:1;scale:1.15}30%{scale:1}to{opacity:0;margin-top:-60px}}#hud{position:absolute;inset:var(--safe-t) var(--safe-r) auto var(--safe-l);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;pointer-events:none}#hud-left{display:flex;flex-direction:column;gap:8px;min-width:0}#hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.coin-badge{display:inline-grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;width:max-content;min-width:132px;padding:5px 14px 5px 6px;border:3px solid var(--ink);border-radius:18px;background:var(--cream);box-shadow:0 4px #2c2c4640}.coin-badge.rival{border-color:var(--rival)}.coin-badge .coin-icon{grid-row:1 / 3;width:34px;height:34px;border:3px solid #d99a14;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff2b0 0 18%,var(--gold) 20% 62%,#f0a91c 64%);box-shadow:inset 0 -3px #0000001f}.coin-name{font-size:11px;line-height:1;opacity:.7}.coin-value{font-size:24px;line-height:1;font-variant-numeric:tabular-nums;min-width:3ch}.coin-badge.pop{animation:pop .35s ease-out}.coin-badge.shake{animation:shake .35s ease-out}@keyframes pop{40%{transform:scale(1.12)}}@keyframes shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}#tickets{display:flex;gap:8px;flex-wrap:nowrap;min-height:118px}.ticket{position:relative;flex:0 0 auto;width:96px;padding:0 0 6px;overflow:hidden;border:3px solid var(--ink);border-radius:14px;background:#fffdf7;box-shadow:0 4px #2c2c4640;animation:ticketIn .35s cubic-bezier(.2,1.4,.4,1);transition:transform .2s}.ticket.leaving{animation:ticketOut .35s ease-in forwards}.ticket.served{border-color:var(--good)}.ticket.urgent{animation:wobble .5s ease-in-out infinite}@keyframes ticketIn{0%{transform:translateY(-40px) scale(.6);opacity:0}}@keyframes ticketOut{to{transform:translateY(-30px) scale(.7);opacity:0}}@keyframes wobble{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.ticket-timer{height:8px;background:#eee3cc}.ticket-timer div{height:100%;width:100%;background:var(--good);transform-origin:left center;transition:background-color .3s}.ticket-dish{display:block;width:64px;height:64px;margin:2px auto 0}.ticket-name{display:block;padding:0 4px;font-size:10.5px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-parts{display:flex;justify-content:center;gap:2px;margin-top:3px}.ticket-part{position:relative;width:22px;height:22px;border-radius:7px;background:#f4ead6}.ticket-part img{width:22px;height:22px}.ticket-part .proc{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;padding:1px;border-radius:50%;background:var(--ink);fill:#fff}.ticket-part .count{position:absolute;left:-2px;top:-4px;font-size:10px;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}#bot-tickets{display:flex;gap:4px}.mini-ticket{width:34px;height:34px;border:2px solid var(--rival);border-radius:9px;background:#fffdf7;overflow:hidden}.mini-ticket img{width:30px;height:30px}#hud-timer{justify-self:center}.clock-face{position:relative;display:grid;place-items:center;width:78px;height:78px;border:3px solid var(--ink);border-radius:50%;background:var(--cream);box-shadow:0 4px #2c2c4640}.clock-ring{position:absolute;top:3px;right:3px;bottom:3px;left:3px;transform:rotate(-90deg)}.clock-track{fill:none;stroke:#eadcbf;stroke-width:6}.clock-fill{fill:none;stroke:var(--coral);stroke-width:6;stroke-linecap:round;stroke-dasharray:169.6;stroke-dashoffset:0}#timer-value{position:relative;font-size:21px;font-variant-numeric:tabular-nums}.clock-face.hurry{animation:pop .5s ease-in-out infinite;border-color:var(--bad)}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:3px solid var(--ink);border-radius:14px;background:var(--cream);box-shadow:0 4px #2c2c4640;cursor:pointer;pointer-events:auto}.icon-button svg{width:22px;height:22px;fill:var(--ink)}.icon-button:active{transform:translateY(2px);box-shadow:0 2px #2c2c4640}#banner{position:absolute;left:50%;top:34%;padding:8px 26px 10px;border:3px solid var(--ink);border-radius:20px;background:var(--cream);font-size:22px;box-shadow:0 5px #2c2c4640;transform:translate(-50%,-50%);pointer-events:none;animation:bannerIn .35s cubic-bezier(.2,1.5,.4,1)}@keyframes bannerIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:#3c281e47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:auto}.panel{position:relative;width:min(560px,100%);padding:22px 26px 24px;border:4px solid var(--ink);border-radius:30px;background:var(--cream);box-shadow:0 8px #2c2c4659,inset 0 -6px 0 var(--cream-2);text-align:center;animation:panelIn .4s cubic-bezier(.2,1.4,.4,1)}@keyframes panelIn{0%{transform:scale(.7) translateY(30px);opacity:0}}.small-panel{width:min(320px,100%);display:grid;gap:12px}.bubble-title{margin:0 0 6px;font-size:clamp(44px,9vw,72px);line-height:.95;font-weight:700;text-transform:uppercase;color:var(--sky);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);letter-spacing:1px}.bubble-title span{display:inline-block;margin:0 6px}.bubble-title span:nth-child(2){color:var(--coral)}.bubble-title.small{font-size:44px}.bubble-title.defeat{color:var(--sky)}.bubble-title.victory{color:var(--gold)}.tagline{margin:6px 0 14px;font-size:16px;opacity:.8}.versus-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.versus-card{width:128px;padding:8px 6px 10px;border:3px solid var(--ink);border-radius:20px;background:#fffdf7}.versus-card.you{border-color:var(--player)}.versus-card.rival{border-color:var(--rival)}.versus-card img{display:block;width:88px;height:88px;margin:0 auto}.vs{font-size:30px;color:var(--coral);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.btn{display:block;width:100%;min-height:56px;padding:10px 18px;border:3px solid var(--ink);border-radius:18px;font:inherit;font-size:22px;font-weight:700;color:#fff;-webkit-text-stroke:4px rgba(44,44,70,.55);paint-order:stroke fill;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover:not(:disabled),.btn:focus-visible{filter:brightness(1.07);outline:none}.btn:focus-visible{box-shadow:0 6px 0 var(--ink),0 0 0 4px #fff,0 0 0 7px var(--sky)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.btn:disabled{cursor:progress;filter:saturate(.4) brightness(.95)}.btn-coral{background:linear-gradient(#ff8474,var(--coral))}.btn-teal{background:linear-gradient(#56d6c3,var(--teal))}.btn-cream{background:#fffaf0;color:var(--ink);-webkit-text-stroke:0;font-size:18px;min-height:48px}.controls-help{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:16px;font-size:13px;opacity:.85}kbd{display:inline-block;min-width:22px;padding:1px 6px;border:2px solid var(--ink);border-bottom-width:4px;border-radius:7px;background:#fff;font:inherit;font-size:12px}#load-bar{height:8px;margin-top:14px;border-radius:8px;background:#eadcbf;overflow:hidden}#load-fill{height:100%;width:0;background:var(--teal);transition:width .2s}#countdown{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}#countdown-value{font-size:clamp(90px,20vw,170px);font-weight:700;color:var(--gold);-webkit-text-stroke:14px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);animation:countPop .9s ease-out}@keyframes countPop{0%{transform:scale(2);opacity:0}25%{transform:scale(.9);opacity:1}40%{transform:scale(1)}}.results-panel{width:min(600px,100%)}.results-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 12px}.result-card{position:relative;padding:12px 16px 14px;border:3px solid var(--ink);border-radius:20px;background:#fffdf7;text-align:left}.result-card.winner{border-color:#e9b21e;background:linear-gradient(#fffbe8,#fff1c2);box-shadow:0 0 0 4px #ffc93c59}.result-card .crown{position:absolute;left:50%;top:-24px;width:44px;transform:translate(-50%)}.result-card img{display:block;width:84px;height:84px;margin:4px auto 0}.result-card .who{display:block;text-align:center;font-size:17px}.result-card .total{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 8px;font-size:38px;line-height:1;color:var(--coral);-webkit-text-stroke:1px var(--coral-dark);font-variant-numeric:tabular-nums}.result-card .total .coin-icon{width:28px;height:28px;border:3px solid #d99a14;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff2b0 0 18%,var(--gold) 20% 62%,#f0a91c 64%)}.result-card dl{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:0;font-size:14px}.result-card dd{margin:0;font-variant-numeric:tabular-nums}.results-sub{margin:4px 0 14px;opacity:.8}.results-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}#touch-controls{position:absolute;right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l);display:none;justify-content:space-between;align-items:flex-end;pointer-events:none}#touch-stick{position:relative;width:clamp(110px,30vw,140px);aspect-ratio:1;border:3px solid rgba(44,44,70,.55);border-radius:50%;background:#fdf6e78c;pointer-events:auto;touch-action:none}#touch-knob{position:absolute;top:50%;left:50%;width:44%;aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:var(--teal);transform:translate(-50%,-50%)}#touch-buttons{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:10px;align-items:end;pointer-events:auto}.touch-btn{width:66px;height:66px;border:3px solid var(--ink);border-radius:50%;font:inherit;font-size:14px;font-weight:700;color:#fff;-webkit-text-stroke:3px rgba(44,44,70,.6);paint-order:stroke fill;background:var(--sky);box-shadow:0 4px 0 var(--ink);touch-action:none}.touch-btn.big{width:84px;height:84px;font-size:17px;background:var(--coral);grid-column:2;grid-row:1 / 3}.touch-btn.small{width:54px;height:54px;background:var(--teal);font-size:12px;justify-self:end}.touch-btn.pressed{transform:translateY(3px);box-shadow:0 1px 0 var(--ink);filter:brightness(1.1)}body.touch #touch-controls.active{display:flex}@media(max-width:760px){#hud{grid-template-columns:minmax(0,1fr) auto;gap:8px}#hud-timer{grid-column:2;grid-row:1}#hud-right{grid-column:2;grid-row:2;flex-direction:row-reverse;align-items:center}#hud-left{grid-column:1;grid-row:1 / 3}#bot-tickets{display:none}.coin-badge{min-width:108px;padding:3px 10px 3px 4px;grid-template-columns:26px auto}.coin-badge .coin-icon{width:26px;height:26px}.coin-value{font-size:19px}#tickets{min-height:0;flex-wrap:wrap;gap:5px}.ticket{width:70px;border-width:2px;border-radius:11px}.ticket-dish{width:44px;height:44px}.ticket-name{display:none}.ticket-part,.ticket-part img{width:16px;height:16px}.clock-face{width:62px;height:62px}#timer-value{font-size:17px}.results-cards{gap:10px}.result-card{padding:10px}.result-card .total{font-size:30px}.result-card dl{font-size:12px}.versus-card{width:110px}}@media(max-height:520px)and (min-width:561px){#tickets{min-height:0;gap:5px}.ticket{width:64px;border-width:2px;border-radius:10px}.ticket-dish{width:38px;height:38px}.ticket-name{display:none}.ticket-part,.ticket-part img{width:15px;height:15px}.clock-face{width:58px;height:58px}#timer-value{font-size:16px}}html,body{overscroll-behavior:none}.icon-button{color:var(--ink)}.touch-only,.touch-help,.ios-hint{display:none}body.touch .touch-only{display:grid}body.touch.standalone .touch-only,body.touch.no-fullscreen .touch-only{display:none}body.touch .touch-help{display:flex}body.touch .key-help{display:none}body.touch.no-fullscreen:not(.standalone) .ios-hint{display:block;margin:10px 0 0;font-size:13px;opacity:.8}#rotate-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;place-items:center;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:#f3d6ae}#rotate-screen .tagline{margin-bottom:0}.rotate-icon svg{width:84px;height:84px;fill:none;stroke:var(--ink);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;animation:rotateHint 2.2s ease-in-out infinite}.rotate-icon rect{fill:var(--teal)}@keyframes rotateHint{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(orientation:portrait){body.touch #rotate-screen{display:grid}}@media(max-height:520px){.screen{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.panel{padding:12px 18px 14px;border-radius:22px}.title-panel{width:min(620px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:18px}.title-panel .bubble-title{grid-column:1;grid-row:1 / 3;font-size:46px;-webkit-text-stroke-width:8px}.title-panel .tagline{grid-column:2;margin:0 0 8px;font-size:14px}.title-panel .versus-row{grid-column:2;margin-bottom:8px;gap:8px}.title-panel .versus-card{width:96px;padding:4px 4px 6px;border-radius:16px}.title-panel .versus-card img{width:58px;height:58px}.title-panel>.btn,.title-panel .controls-help,.title-panel .ios-hint,.title-panel #load-bar{grid-column:1 / 3}.title-panel .controls-help{margin-top:10px}.btn{min-height:46px;font-size:19px}.btn-cream{min-height:40px;font-size:16px}.small-panel{gap:8px}.bubble-title.small{font-size:34px}.results-panel .bubble-title{font-size:40px}.results-cards{gap:10px;margin:4px 0 6px}.result-card{display:grid;grid-template-columns:52px 1fr;column-gap:10px;align-items:center;padding:8px 12px}.result-card img{grid-row:1 / 3;width:52px;height:52px;margin:0}.result-card .who{text-align:left;font-size:15px}.result-card .total{justify-content:flex-start;margin:2px 0 0;font-size:26px}.result-card .total .coin-icon{width:22px;height:22px}.result-card dl{grid-column:1 / 3;margin-top:6px;font-size:12px}.result-card .crown{top:-18px;width:34px}.results-panel{width:min(560px,100%)}.coin-badge{min-width:104px;padding:2px 10px 2px 4px;grid-template-columns:24px auto;column-gap:6px}.coin-badge .coin-icon{width:24px;height:24px;border-width:2px}.coin-name{font-size:10px}.coin-value{font-size:18px}#hud-left,#hud-right{gap:6px}.ticket{width:56px;padding-bottom:4px}.ticket-dish{width:34px;height:34px}.results-sub{margin:4px 0 8px}.results-actions{gap:10px}#touch-stick{width:112px}#touch-buttons{gap:8px}.touch-btn{width:58px;height:58px;font-size:13px}.touch-btn.big{width:74px;height:74px;font-size:16px}.touch-btn.small{width:48px;height:48px;font-size:11px}.icon-button{width:40px;height:40px}}