:root{--bg-dark:#121316;--bg-surface:#1e1f26;--bg-card:#1c1e27eb;--border-color:#383a48;--accent-color:#f97316;--accent-hover:#ea580c;--accent-secondary:#3b82f6;--text-primary:#f3f4f6;--text-muted:#9ca3af;--text-danger:#ef4444;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-family);-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.game-root{background-color:var(--bg-surface);border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:1280px;height:100%;max-height:720px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009}.game-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.ui-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay-card{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:12px;max-width:520px;padding:32px 48px;animation:.2s ease-out fadeIn;box-shadow:0 16px 32px #0006}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.game-title{letter-spacing:-.5px;color:#fff;text-shadow:0 2px 8px #f973164d;margin:0 0 8px;font-size:40px}.title-card{position:relative}.language-switch{justify-content:flex-end;gap:4px;margin:-16px -30px 8px 0;display:flex}.language-option{color:var(--text-muted);font:600 11px var(--font-family);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:4px 6px}.language-option[aria-pressed=true]{border-color:var(--accent-color);color:var(--text-primary);background:#f9731624}.language-option:hover,.language-option:focus-visible{color:var(--text-primary);outline-color:var(--accent-color)}.tagline{color:var(--text-muted);margin:0 0 24px;font-size:16px}.controls-hint{color:var(--text-muted);margin-top:20px;font-size:13px}.players-setup{text-align:left;flex-direction:column;gap:8px;margin:16px 0 20px;display:flex}.player-slot{border:1px solid var(--border-color);background:#00000040;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:border-color .15s;display:flex}.player-slot.active{border-color:#ffffff40}.player-slot.inactive{opacity:.6}.badge{color:#121316;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.p1-badge{background-color:#38bdf8}.p2-badge{background-color:#fb923c}.p3-badge{background-color:#4ade80}.p4-badge{background-color:#c084fc}.slot-desc{color:var(--text-primary);flex:1;font-size:13px}.btn-slot-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#374151;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.btn-slot-toggle.active{color:#fff;background:#059669;border-color:#10b981}.card-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background-color .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{color:var(--text-primary);background-color:#374151}.btn-secondary:hover{background-color:#4b5563}.btn-small{color:var(--text-primary);border:1px solid var(--border-color);background-color:#1f2937d9;padding:6px 12px;font-size:13px}.btn-small:hover{background-color:#374151f2}.hud-top-bar{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:12px;left:16px;right:16px}.hud-orders-container{pointer-events:auto;flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.hud-center-container{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex}.hud-score-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141821eb;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:0 4px 12px #f59e0b40}.score-icon{font-size:16px}.score-value{color:#fbbf24;font-size:18px;font-weight:800;font-family:var(--font-mono)}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.hud-delivery-toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.175,.885,.32,1.275) toastPop;display:flex;box-shadow:0 4px 12px #0006}@keyframes toastPop{0%{opacity:0;transform:translateY(-8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hud-delivery-toast.feedback-success{color:#86efac;background:#14532df2;border:1px solid #22c55e}.hud-delivery-toast.feedback-late{color:#fde68a;background:#78350ff2;border:1px solid #f59e0b}.hud-delivery-toast.feedback-wrong{color:#fca5a5;background:#7f1d1df2;border:1px solid #ef4444}.hud-controls{pointer-events:auto}.recipe-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181a23f0;border:2px solid #3b82f6;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;max-width:260px;padding:8px 12px;display:flex;box-shadow:0 8px 16px #00000080}.recipe-card.card-expired{background:#281419f0;border-color:#ef4444}.recipe-card.card-express{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.recipe-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.recipe-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.express-badge{color:#000;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.recipe-ingredients-list{flex-wrap:wrap;gap:6px;display:flex}.recipe-ingredient-tag{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;display:inline-flex}.recipe-timer-wrapper{align-items:center;gap:8px;margin-top:2px;display:flex}.recipe-timer-bar{background:#00000080;border:1px solid #ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.recipe-timer-fill{height:100%;transition:width .1s linear,background-color .3s}.recipe-timer-fill.time-normal{background-color:#22c55e}.recipe-timer-fill.time-urgent{background-color:#f59e0b}.recipe-timer-fill.time-expired{background-color:#ef4444}.recipe-timer-text{font-family:var(--font-mono);text-align:right;min-width:30px;font-size:12px;font-weight:700}.recipe-timer-text.time-normal{color:#22c55e}.recipe-timer-text.time-urgent{color:#f59e0b}.recipe-timer-text.time-expired{color:#ef4444}.pending-order-banner{color:#cbd5e1;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293beb;border:1px dashed #64748b;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.pending-order-banner.empty-banner{color:var(--text-muted);border-style:solid;border-color:#ffffff14}.hud-bottom-bar{pointer-events:auto;z-index:10;justify-content:flex-start;align-items:center;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.hud-players-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-player-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);background:#18181bd9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex}.hud-player-name{font-size:12px;font-weight:700}.hud-player-item{color:var(--text-primary);font-weight:500}.error-card{border-color:#ef444466}.error-msg{color:var(--text-danger);font-family:var(--font-mono);background:#ef44441a;border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:14px}.spinner{border:3px solid #fff3;border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;margin:16px auto 0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hud-badges-group{align-items:center;gap:8px;display:flex}.hud-shift-badge{border:1px solid var(--border-color);font-family:var(--font-mono);color:#f3f4f6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181be6;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;display:flex}.hud-shift-badge.time-low{color:#ef4444;background:#ef444426;border-color:#ef4444;animation:1s ease-in-out infinite alternate pulse-urgent}@keyframes pulse-urgent{0%{opacity:.85;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.summary-card{text-align:center;max-width:520px}.summary-title{color:#f3f4f6;margin-bottom:12px;font-size:26px;font-weight:800}.rating-box{border:1px solid var(--border-color);background:#27272ab3;border-radius:8px;margin-bottom:16px;padding:12px 16px}.rating-title{color:#facc15;margin-bottom:4px;font-size:20px;font-weight:800}.rating-description{color:var(--text-muted);margin:0;font-size:14px}.summary-stats-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.stat-box{border:1px solid var(--border-color);background:#18181bcc;border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-box.stat-highlight{text-align:center;background:#3b82f61f;border-color:#3b82f666;grid-column:span 2;align-items:center}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{font-size:18px;font-weight:700;font-family:var(--font-mono);color:#f3f4f6}.bootstrap-error{color:#fca5a5;background-color:#2d1515;border:1px solid #7f1d1d;border-radius:8px;max-width:480px;padding:24px}