:root{--color-primary: #E63946;--color-primary-dark: #B52D38;--color-accent: #F4A261;--color-accent-light: #F8C97B;--color-bg-dark: #1A1A2E;--color-bg-card: rgba(26, 26, 46, .92);--color-bg-overlay: rgba(0, 0, 0, .7);--color-text: #FFFFFF;--color-text-muted: rgba(255, 255, 255, .65);--color-heart: #E63946;--color-heart-empty: rgba(255, 255, 255, .25);--color-success: #2EC4B6;--color-warning: #F4A261;--color-gold: #FFD700;--color-silver: #C0C0C0;--color-bronze: #CD7F32;--font-main: "Outfit", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-main);color:var(--color-text);background:var(--color-bg-dark);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:0}#ui-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}#ui-layer>*{pointer-events:auto}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left));z-index:100}.screen.active{display:flex}.screen.overlay{background:var(--color-bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200}#screen-loading{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460)}.loading-content{text-align:center;width:100%;max-width:320px}.game-title{font-size:clamp(2rem,8vw,3.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem;text-shadow:0 2px 20px rgba(230,57,70,.4)}.title-accent{color:var(--color-primary);display:block;font-size:1.15em}.loading-bar-container{width:100%;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden;margin-bottom:1rem}.loading-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:3px;transition:width var(--transition-normal)}.loading-text{font-size:.9rem;color:var(--color-text-muted)}#screen-menu{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460)}.menu-content{text-align:center;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:1rem}.menu-header{margin-bottom:1.5rem}.menu-subtitle{font-size:1rem;color:var(--color-accent);letter-spacing:.15em;text-transform:uppercase;margin-top:.5rem;font-weight:600}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.menu-footer{margin-top:1.5rem}.btn{display:block;width:100%;padding:16px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-main);font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;text-align:center;min-height:54px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 16px #e6394659}.btn-primary:active{box-shadow:0 2px 8px #e6394640}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:active{background:#ffffff2e}.btn-ghost{background:transparent;color:var(--color-text-muted);font-size:.95rem;font-weight:600;padding:12px}.btn-ghost:active{color:var(--color-text)}.btn-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:transform var(--transition-fast)}.btn-icon:active{transform:scale(.9)}#screen-instructions{background:linear-gradient(160deg,#1a1a2e,#16213e 60%,#0f3460)}.instructions-content{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:800;text-align:center;margin-bottom:.5rem}.instructions-list{display:flex;flex-direction:column;gap:.6rem;width:100%}.instruction-item{display:flex;align-items:center;gap:.8rem;padding:10px 14px;background:#ffffff0f;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.instruction-icon{font-size:1.3rem;flex-shrink:0;width:2rem;text-align:center}.instruction-text{font-size:.9rem;line-height:1.35;color:#ffffffe6}.scoring-rule{background:#f4a2611f;border-color:#f4a26140}.hud{position:absolute;top:0;left:0;right:0;padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));display:flex;align-items:center;justify-content:space-between;z-index:50;pointer-events:none;gap:8px}.hud.hidden{display:none}.hud-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.hud-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#FF6B7A);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;border:2px solid rgba(255,255,255,.4);flex-shrink:0}.hud-lives{display:flex;gap:2px}.heart{font-size:1rem;transition:opacity var(--transition-fast),transform var(--transition-fast)}.heart.lost{opacity:.25;filter:grayscale(1);transform:scale(.85)}.hud-center{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-card);padding:4px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);min-width:110px}.hud-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.hud-score{font-size:1.2rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.hud-right{display:flex;align-items:center;gap:6px;background:var(--color-bg-card);padding:6px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.hud-empanada-icon{font-size:1.1rem}.hud-empanada-count{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:1.5em;text-align:center}.btn-pause{position:absolute;top:calc(52px + var(--safe-top));right:calc(12px + var(--safe-right));width:36px;height:36px;border-radius:50%;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform var(--transition-fast);z-index:51}.btn-pause:active{transform:scale(.9)}.pause-content{text-align:center;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px}#screen-gameover{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460)}.gameover-content{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.gameover-title{color:var(--color-primary);font-size:clamp(1.8rem,7vw,2.5rem)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%}.result-item{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#ffffff0f;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.result-item.highlight{grid-column:1 / -1;background:#f4a2611f;border-color:#f4a2614d}.result-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:2px}.result-value{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.gameover-buttons{width:100%;display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.ranking-form-content{width:100%;max-width:320px;text-align:center}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.3rem;font-weight:600}.form-group input{width:100%;padding:14px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-main);font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary)}.form-group input::placeholder{color:#ffffff4d}.form-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1.2rem}.ranking-list-content{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:1rem;max-height:100%}#screen-ranking-list{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460)}.ranking-table-container{width:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:60vh}.ranking-table{width:100%;border-collapse:collapse;font-size:.85rem}.ranking-table th{background:#ffffff14;padding:10px 8px;text-align:left;font-weight:700;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}.ranking-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-table tbody tr:nth-child(1) td:first-child{color:var(--color-gold);font-weight:800}.ranking-table tbody tr:nth-child(2) td:first-child{color:var(--color-silver);font-weight:800}.ranking-table tbody tr:nth-child(3) td:first-child{color:var(--color-bronze);font-weight:800}.ranking-empty{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;font-size:.9rem}.ranking-empty.hidden{display:none}.orientation-warning{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg-dark);z-index:10000;align-items:center;justify-content:center}.orientation-content{text-align:center}.rotate-icon{font-size:3rem;animation:rotatePhone 2s ease-in-out infinite;margin-bottom:1rem}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%{transform:rotate(-90deg)}75%{transform:rotate(-90deg)}}.orientation-content p{font-size:1.1rem;color:var(--color-text-muted);font-weight:600}@media screen and (orientation:landscape)and (max-height:500px){.orientation-warning{display:flex!important}#game-canvas,.hud,.screen:not(.orientation-warning){visibility:hidden}}.hit-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#e6394659;z-index:60;pointer-events:none;animation:hitFlash .4s ease-out forwards}.hit-overlay.hidden{display:none}@keyframes hitFlash{0%{opacity:1}to{opacity:0}}.delivery-feedback{position:fixed;top:35%;left:50%;transform:translate(-50%);z-index:70;pointer-events:none;animation:feedbackFloat 1.2s ease-out forwards}.delivery-feedback.hidden{display:none}.delivery-feedback span{display:inline-block;background:linear-gradient(135deg,var(--color-success),#1FAA9C);color:#fff;font-weight:800;font-size:1.3rem;padding:8px 20px;border-radius:var(--radius-md);box-shadow:0 4px 16px #2ec4b64d}@keyframes feedbackFloat{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}.insufficient-feedback{position:fixed;top:40%;left:50%;transform:translate(-50%);z-index:70;pointer-events:none;animation:feedbackFloat 1.5s ease-out forwards}.insufficient-feedback.hidden{display:none}.insufficient-feedback span{display:inline-block;background:#f4a261e6;color:#fff;font-weight:700;font-size:1rem;padding:6px 16px;border-radius:var(--radius-sm)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.screen.active{animation:fadeIn .3s ease}.screen.active .menu-content,.screen.active .instructions-content,.screen.active .gameover-content,.screen.active .ranking-list-content{animation:slideUp .4s ease-out}#debug-overlay{position:fixed;bottom:calc(8px + var(--safe-bottom));left:calc(8px + var(--safe-left));background:#000000bf;color:#0f0;font-family:Courier New,monospace;font-size:10px;padding:8px;border-radius:6px;z-index:9999;pointer-events:none;line-height:1.5;max-width:200px}#debug-overlay.hidden{display:none}@media(max-width:370px){.hud-center{min-width:90px;padding:4px 10px}.hud-score{font-size:1rem}.hud-avatar{width:30px;height:30px;font-size:.85rem}.heart{font-size:.85rem}}@media(min-height:900px){.menu-header{margin-bottom:2.5rem}.instructions-list{gap:.8rem}}