:root{font-family:Inter,system-ui,sans-serif;color:#f0dcc2;background:#1a1410}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(120,90,60,.2),transparent 40%),linear-gradient(135deg,#17120f,#241c16,#17120f)}button,input{font:inherit}button{cursor:pointer;border:none}.app-shell,.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.menu-card,.info-card,.countdown-card{width:min(760px,100%);background:linear-gradient(180deg,#281f18f7,#1b1511fa);border:2px solid rgba(255,190,110,.25);border-radius:28px;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0a;padding:28px;text-align:center;color:#f0dcc2}.wide-card{width:min(980px,100%)}.login-card{width:420px;max-width:90vw}.eyebrow{letter-spacing:.18em;text-transform:uppercase;margin:0;color:#bda38a}h1,h2,h3{margin-top:0;color:#ffd08a}.subtitle{font-size:1.05rem;color:#d3bea7}.status-pill{display:inline-block;padding:8px 14px;background:#ffbe6e1a;border:1px solid rgba(255,190,110,.18);border-radius:999px;margin:8px 0 16px}.menu-buttons{display:grid;gap:12px;margin-top:20px;width:100%}.compact-buttons{grid-template-columns:repeat(3,1fr)}button{background:linear-gradient(135deg,#3a2515,#26180f);color:#fff1dc;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,190,110,.15);transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000038}.secondary-button{background:linear-gradient(135deg,#5a4434,#433126)}.error-text{color:#ff8d7a}.success-text{color:#7ad58a}.tutorial-list{text-align:left;display:grid;gap:10px;margin:18px 0 24px;color:#d9c4af}.leaderboard-table{display:grid;gap:8px;margin:20px 0}.leaderboard-row{display:grid;grid-template-columns:100px 1fr 120px 120px;gap:10px;align-items:center;background:#ffbe6e14;border:1px solid rgba(255,190,110,.14);border-radius:14px;padding:12px 16px;text-align:left}.leaderboard-head{background:linear-gradient(135deg,#3a2515,#24170f);color:#fff1dc}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.active-toggle{background:linear-gradient(135deg,#ff9f57,#ffc978);color:#1a1410}.login-form{display:grid;gap:14px;text-align:left;width:100%}.login-form label{display:grid;gap:6px;width:100%;color:#e7d1bb}.login-form input{width:100%;min-width:0;display:block;height:46px;padding:12px 14px;border-radius:12px;border:2px solid rgba(255,190,110,.18);background:#fff8f0f2;color:#24170f;font-size:16px}.countdown-card h1{font-size:5rem;margin:0;color:#ffc978}.game-screen{width:min(1450px,100%);margin:0 auto;display:grid;grid-template-rows:auto auto auto auto;align-content:start;padding:14px;gap:12px}.dark-theme-screen{color:#f0dcc2}.dark-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.hud-pill{display:flex;align-items:center;gap:8px;background:#18120ef2;border:1px solid rgba(255,190,110,.18);border-radius:999px;padding:10px 16px;box-shadow:0 10px 30px #0003}.hud-icon{font-size:16px}.hud-label{font-size:.88rem;color:#b89b7a;text-transform:lowercase}.hud-value{font-weight:700;color:#ffc978}.lives-pill{gap:12px}.hud-hearts{display:flex;gap:4px}.fact-banner,.toast-bar{border-radius:14px;padding:12px 16px}.dark-fact-banner{background:linear-gradient(135deg,#ff78501f,#ffaa5a14);border:1px solid rgba(255,140,90,.22);color:#ead8c5;text-align:center}.dark-toast-bar{background:#18120ef2;border:1px solid rgba(255,190,110,.15);color:#f3dfca;text-align:center}.hybrid-arena{display:grid;gap:18px}.queue-scene{background:linear-gradient(180deg,#46372aeb,#30261ef2);border:1px solid rgba(255,190,110,.16);border-radius:26px;padding:18px 18px 20px;box-shadow:0 18px 50px #0000003d,inset 0 1px #ffffff08}.scene-header,.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.scene-header h3,.panel-header h3{margin:0;color:#fff0d6}.scene-header span,.panel-header span{font-size:.95rem;color:#c9b197}.queue-lane{min-height:220px;padding:18px 14px 8px;border-radius:20px;background:linear-gradient(180deg,#6c58458c,#49392d4d);border:1px solid rgba(255,210,150,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;align-items:end}.scene-customer{background:transparent;border:none;padding:0;color:inherit;display:grid;justify-items:center;gap:8px;box-shadow:none}.scene-customer:hover{transform:translateY(-3px);box-shadow:none}.request-pill{min-width:140px;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:8px 12px;background:#fffffff5;color:#2a1c13;border:1px solid rgba(60,40,28,.35);border-radius:999px;font-size:.92rem}.human-figure-wrap{position:relative;width:88px;height:120px;display:grid;justify-items:center;align-content:start}.human-head{position:relative;width:40px;height:40px;border-radius:999px;border:2px solid rgba(40,28,18,.25);display:grid;place-items:center;overflow:hidden;z-index:2}.human-hair{position:absolute;top:-1px;left:-1px;right:-1px;height:18px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.human-face{position:relative;z-index:2;font-size:18px;transform:translateY(3px)}.human-body{width:42px;height:62px;margin-top:-2px;border-radius:16px 16px 18px 18px;border:2px solid rgba(40,28,18,.18)}.human-shadow{width:54px;height:12px;margin-top:6px;border-radius:999px;background:#00000038}.customer-name{font-size:.92rem;color:#ead5be}.patience-bar,.stock-bar{height:10px;background:#1e1711e6;border-radius:999px;overflow:hidden;border:1px solid rgba(255,190,110,.22)}.dark-patience-bar{width:100%;max-width:160px}.patience-fill,.stock-fill{height:100%;background:linear-gradient(90deg,#6cc26b,#87d27f)}.gold-divider{height:4px;border-radius:999px;background:linear-gradient(90deg,#ffbe6e4d,#ffbe6ecc,#ffbe6e4d)}.service-zone{display:grid;grid-template-columns:2.1fr 1fr;gap:18px;align-items:start}.meals-stage,.supply-stage{background:linear-gradient(180deg,#2c221bfa,#1c1612fa);border:1px solid rgba(255,190,110,.18);border-radius:24px;padding:18px;box-shadow:0 18px 50px #0000003d,inset 0 1px #ffffff08}.dark-panel-header h3{color:#ffd08a}.station-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.station-card{background:#fff8ee0a;border:1px solid rgba(255,190,110,.18);border-radius:20px;color:#f1dec8;padding:16px 12px;min-height:210px;display:grid;justify-items:center;align-content:start;gap:10px}.station-ring{width:76px;height:76px;border-radius:999px;display:grid;place-items:center;background:#3d342d;border:4px solid #4d433b;box-shadow:inset 0 2px #ffffff0a}.station-plate{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;background:#2a231d;font-size:28px}.station-name{font-weight:700;font-size:1rem;color:#ffd8a5}.station-recipe{display:grid;gap:4px;font-size:.92rem;color:#d2baa0;text-align:center}.station-status{margin-top:auto;font-size:.88rem;font-weight:700;color:#ffd08a}.selected-station{outline:3px solid #ffc978;box-shadow:0 0 0 4px #ffc9781f}.disabled-station{opacity:.38;filter:grayscale(1)}.dark-ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ingredient-card{background:#fff8ee0a;border:1px solid rgba(255,190,110,.18);border-radius:18px;color:#f1dec8;display:grid;gap:8px;text-align:left}.compact-ingredient-card{padding:14px}.ingredient-name{font-size:1rem;color:#ffd8a5}small{color:#baa287}.level-up-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:grid;place-items:center;z-index:1000;padding:20px}.level-up-modal{background:linear-gradient(180deg,#3c2d23fa,#231a14fa);border:2px solid rgba(255,190,110,.35);border-radius:28px;padding:36px 32px;max-width:500px;width:100%;box-shadow:0 40px 100px #00000080,inset 0 1px #ffffff14;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.level-up-modal h2{margin:0 0 24px;font-size:2rem;color:#ffc978}.unlock-section{text-align:left;background:#ffbe6e14;border:1px solid rgba(255,190,110,.18);border-radius:16px;padding:16px;margin-bottom:20px}.unlock-section h3{margin:0 0 12px;font-size:1.05rem;color:#ffd08a}.unlock-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.unlock-list li{color:#ead8c5;font-size:1rem}.level-up-button{background:linear-gradient(135deg,#ff9f57,#ffc978);color:#1a1410;font-weight:700;padding:14px 32px;font-size:1rem;border-radius:16px;margin-top:12px;width:100%;transition:transform .12s ease,box-shadow .12s ease}.level-up-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff9f573d}@media (max-width: 700px){.level-up-modal{padding:28px 24px}.level-up-modal h2{font-size:1.6rem}}.achievements-container{display:grid;gap:24px;margin:24px 0}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:#ffbe6e14;border:1px solid rgba(255,190,110,.18);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.stat-icon{font-size:24px}.stat-label{font-size:.85rem;color:#b89b7a;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.4rem;font-weight:700;color:#ffc978}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.achievement-card{background:linear-gradient(135deg,#3c2d2380,#281e18b3);border:1px solid rgba(255,190,110,.18);border-radius:16px;padding:18px;display:grid;align-content:start;gap:12px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.achievement-card:hover{transform:translateY(-2px);background:linear-gradient(135deg,#3c2d23b3,#281e18e6)}.achievement-card.unlocked{border-color:#7ad58a59;background:linear-gradient(135deg,#3c2d2399,#281e18cc)}.achievement-card.locked{opacity:.65;border-color:#ff8c8c38}.achievement-content{display:grid;gap:8px}.achievement-card h3{margin:0;font-size:1rem;color:#ffd08a}.achievement-card p{margin:0;font-size:.9rem;color:#d3bea7;line-height:1.3}.achievement-status{font-size:.85rem;font-weight:700;margin-top:8px;color:#7ad58a}.achievement-status.locked-status{color:#ff8d7a}@media (max-width: 900px){.stat-cards{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.achievement-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.service-zone{grid-template-columns:1fr}.station-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 900px){.compact-buttons{grid-template-columns:1fr}.scene-header,.panel-header{flex-direction:column;align-items:flex-start}}@media (max-width: 700px){.dark-hud{gap:10px}.leaderboard-row{grid-template-columns:72px 1fr 80px 80px;font-size:.9rem}.station-grid,.queue-lane,.dark-ingredient-grid{grid-template-columns:1fr}}