:root{--bg-deep: #1a1209;--bg-panel: rgba(30, 20, 12, .78);--accent: #e8a87c;--accent-soft: #c38d6d;--chrome: #c8d6e5;--crema: #d4a574;--espresso: #3d2314;--text: #f1f5f9;--text-muted: #a8a29e;--glass-border: rgba(255, 255, 255, .14);--glass-glow: rgba(232, 168, 124, .12);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}body{margin:0;background:var(--bg-deep);color:var(--text);font-family:var(--font-body)}.page.svelte-1uha8ag{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(232,168,124,.08),transparent),linear-gradient(180deg,#1a1209,#0f0a06)}.header.svelte-1uha8ag{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1209d9;border-bottom:1px solid var(--glass-border)}.header-inner.svelte-1uha8ag{max-width:960px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.logo.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}.logo-icon.svelte-1uha8ag{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(232,168,124,.5))}.logo-text.svelte-1uha8ag{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.02em}.lang-nav.svelte-1uha8ag{display:flex;gap:.35rem}.lang-btn.svelte-1uha8ag{min-width:44px;min-height:44px;padding:.4rem .65rem;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff0a;color:var(--text-muted);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lang-btn.svelte-1uha8ag:hover{background:#ffffff14;color:var(--text)}.lang-btn.active.svelte-1uha8ag{background:var(--glass-glow);border-color:var(--accent);color:var(--accent)}.hero.svelte-1uha8ag{position:relative;max-width:960px;margin:0 auto;padding:4rem 1.5rem 3rem;text-align:center;overflow:hidden}.hero-glow.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(232,168,124,.15),transparent 65%);pointer-events:none}.hero-steam.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.steam.svelte-1uha8ag{position:absolute;width:40px;height:80px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);border-radius:50%;filter:blur(8px);animation:svelte-1uha8ag-rise 4s ease-in-out infinite}.s1.svelte-1uha8ag{left:30%;bottom:20%;animation-delay:0s}.s2.svelte-1uha8ag{left:50%;bottom:15%;animation-delay:1.2s;width:50px}.s3.svelte-1uha8ag{left:65%;bottom:25%;animation-delay:2.4s}@keyframes svelte-1uha8ag-rise{0%,to{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.6;transform:translateY(-60px) scale(1.2)}}.hero-content.svelte-1uha8ag{position:relative;z-index:1}.hero-eyebrow.svelte-1uha8ag{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin:0 0 .75rem}.hero-title.svelte-1uha8ag{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,var(--text),var(--crema));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline.svelte-1uha8ag{font-size:1.1rem;color:var(--text-muted);max-width:520px;margin:0 auto 2rem;line-height:1.6}.hero-btn.svelte-1uha8ag{min-height:48px;padding:.85rem 2.5rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#1a1209;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 24px #e8a87c59;transition:transform .2s ease,box-shadow .2s ease}.hero-btn.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e8a87c73}.game-section.svelte-1uha8ag{max-width:960px;margin:0 auto;padding:1rem 1.25rem 2rem}.hud.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:.75rem}.hud-panel.svelte-1uha8ag{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:.6rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.hud-label.svelte-1uha8ag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.hud-value.svelte-1uha8ag{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text);transition:transform .3s ease}.hud-value.pulse.svelte-1uha8ag{animation:svelte-1uha8ag-scorePunch .4s ease;color:var(--accent)}.hud-value.combo.hot.svelte-1uha8ag{color:var(--accent);text-shadow:0 0 12px rgba(232,168,124,.5)}.hud-value.mistakes.svelte-1uha8ag{color:#f87171;font-size:1.2rem}@keyframes svelte-1uha8ag-scorePunch{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.order-ticket.svelte-1uha8ag{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:14px;padding:1rem 1.25rem;margin-bottom:.75rem;box-shadow:inset 0 1px #ffffff14,0 4px 20px #0000004d}.ticket-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.ticket-label.svelte-1uha8ag{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.ticket-drink.svelte-1uha8ag{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--crema)}.ticket-steps.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.ticket-step.svelte-1uha8ag{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid transparent;font-size:.85rem;color:var(--text-muted);transition:all .25s ease}.ticket-step.active.svelte-1uha8ag{background:var(--glass-glow);border-color:var(--accent);color:var(--text);box-shadow:0 0 16px #e8a87c33}.ticket-step.done.svelte-1uha8ag{opacity:.45;text-decoration:line-through}.step-icon.svelte-1uha8ag{font-size:1rem}.ticket-current.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem}.current-label.svelte-1uha8ag{font-size:.75rem;color:var(--text-muted);min-width:4.5rem}.patience-track.svelte-1uha8ag{flex:1;height:8px;background:#00000059;border-radius:4px;overflow:hidden}.patience-fill.svelte-1uha8ag{height:100%;background:linear-gradient(90deg,#4ade80,var(--accent));border-radius:4px;transition:width .15s ease;box-shadow:0 0 8px #4ade8066}.patience-pct.svelte-1uha8ag{font-size:.8rem;font-weight:600;color:var(--text-muted);min-width:2.5rem;text-align:right}.phase-banner.svelte-1uha8ag{text-align:center;padding:.65rem 1rem;margin-bottom:.75rem;border-radius:10px;background:#ffffff0a;border:1px solid var(--glass-border);transition:all .3s ease}.phase-banner.fail.svelte-1uha8ag{background:#f871711f;border-color:#f8717159}.phase-banner.success.svelte-1uha8ag{background:#4ade801a;border-color:#4ade804d}.phase-step.svelte-1uha8ag{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.2rem}.phase-msg.svelte-1uha8ag{font-size:.95rem;color:var(--text)}.canvas-wrap.svelte-1uha8ag{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff0f}.canvas-frame.svelte-1uha8ag{width:100%;min-height:420px;aspect-ratio:10 / 7;background:#1a1209}.controls-hint.svelte-1uha8ag{text-align:center;font-size:.8rem;color:var(--text-muted);margin:.75rem 0 0}.how-to.svelte-1uha8ag{max-width:720px;margin:0 auto;padding:2rem 1.25rem 3rem}.section-title.svelte-1uha8ag{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin:0 0 1.25rem;color:var(--crema)}.steps.svelte-1uha8ag{padding-left:1.25rem;line-height:1.75;color:var(--text-muted);margin:0 0 2rem}.steps.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-bottom:.5rem}.high-score-card.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:inset 0 1px #ffffff0f}.hs-label.svelte-1uha8ag{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.35rem}.hs-value.svelte-1uha8ag{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(232,168,124,.35)}.footer.svelte-1uha8ag{text-align:center;padding:2rem 1.25rem 3rem;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.85rem}.footer.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 .5rem}.canonical-link.svelte-1uha8ag{color:var(--accent);text-decoration:none}.canonical-link.svelte-1uha8ag:hover{text-decoration:underline}.overlay.svelte-1uha8ag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0a0604bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem}.modal.svelte-1uha8ag{position:relative;max-width:400px;width:100%;padding:2rem 1.75rem;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;text-align:center;box-shadow:0 24px 60px #00000080;overflow:hidden}.modal-particles.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(232,168,124,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(212,165,116,.06),transparent 35%);pointer-events:none;animation:svelte-1uha8ag-drift 6s ease-in-out infinite}@keyframes svelte-1uha8ag-drift{0%,to{opacity:.6}50%{opacity:1}}.modal-title.svelte-1uha8ag{font-family:var(--font-display);font-size:2rem;font-weight:700;margin:0 0 .5rem;position:relative}.modal-desc.svelte-1uha8ag{color:var(--text-muted);margin:0 0 1.25rem;line-height:1.5;position:relative}.modal-score.svelte-1uha8ag{font-size:1.1rem;margin:0 0 .5rem;position:relative}.modal-score.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--accent);font-size:1.4rem}.modal-record.svelte-1uha8ag{color:var(--accent);font-weight:600;margin:0 0 1.25rem;position:relative}.modal-btn.svelte-1uha8ag{position:relative;min-height:48px;min-width:180px;padding:.85rem 2rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#1a1209;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.modal-btn.svelte-1uha8ag:hover{transform:scale(1.04)}@media(max-width:600px){.hud.svelte-1uha8ag{grid-template-columns:1fr 1fr}.hud-center.svelte-1uha8ag{grid-column:1 / -1}.ticket-steps.svelte-1uha8ag{flex-direction:column}.ticket-step.svelte-1uha8ag{min-height:44px}}