:root{--color-bg: #1e1310;--color-card-bg: rgba(45, 27, 22, .85);--color-border: rgba(230, 95, 30, .3);--color-primary: #e65f1e;--color-primary-hover: #ff7f41;--color-secondary: #f0a500;--color-secondary-hover: #ffc03d;--color-accent: #cf0000;--color-accent-hover: #ff3c3c;--color-text: #f8f1e5;--color-text-muted: #c9b9a6;--color-cream: #f4ebd0;--color-gold: #ffd700;--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-premium: 0 10px 30px rgba(0, 0, 0, .5), 0 1px 3px rgba(230, 95, 30, .2);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;outline:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);font-family:var(--font-main);color:var(--color-text);position:relative}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block}body.menu-open #game-canvas{pointer-events:none}body.playing #game-canvas{pointer-events:auto}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.hidden{display:none!important}.ui-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:radial-gradient(circle,#1e1310d9,#0f0807f2);opacity:0;pointer-events:none;transition:opacity .4s ease,filter .4s ease;z-index:700}.ui-screen.active{display:flex;opacity:1;pointer-events:auto}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12;display:flex;flex-direction:column;justify-content:space-between}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:24px;padding:30px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:var(--shadow-premium);max-width:90%;width:450px;text-align:center;transform:scale(.9);transition:var(--transition-smooth)}.ui-screen.active .card{transform:scale(1)}.card.large{width:800px;max-width:95%;height:80%;max-height:650px;display:flex;flex-direction:column}.btn{font-family:var(--font-main);font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:1.5px;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;pointer-events:auto;transition:var(--transition-smooth);box-shadow:0 4px 6px #0003;display:inline-block;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-cream);border:1px solid rgba(255,255,255,.1);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-secondary-hover) 100%);box-shadow:0 0 15px #e65f1e66;transform:translateY(-2px)}.btn-secondary{background:#f4ebd01a;color:var(--color-cream);border:1px solid var(--color-border)}.btn-secondary:hover{background:#f4ebd033;color:#fff;border-color:var(--color-secondary);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--color-accent) 0%,#8b0000 100%);color:var(--color-cream)}.btn-danger:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 100%);transform:translateY(-2px)}.btn-choice{width:100%;margin-bottom:10px;padding:12px;text-align:left;font-size:15px;font-weight:600;text-transform:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text)}.btn-choice:hover{background:#e65f1e26;border-color:var(--color-primary);transform:translate(5px)}.btn-close{background:transparent;border:none;color:var(--color-text-muted);font-size:28px;cursor:pointer;transition:var(--transition-smooth);pointer-events:auto}.btn-close:hover{color:var(--color-accent-hover);transform:rotate(90deg)}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-circle{width:48px;height:48px;border-radius:50%;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:auto;transition:var(--transition-smooth)}.btn-circle:hover{background:var(--color-primary);transform:scale(1.1);box-shadow:0 0 10px #e65f1e80}#main-menu{background:radial-gradient(circle at center,#1e131080,#0f0807e6);background-size:cover;z-index:1000}.menu-content{display:flex;flex-direction:column;align-items:center;max-width:500px}.game-title{font-size:44px;font-weight:800;line-height:1.1;text-align:center;margin-bottom:40px;color:var(--color-cream);text-shadow:0 8px 16px rgba(0,0,0,.6),0 2px 2px var(--color-primary);animation:floatTitle 4s ease-in-out infinite}.game-title .highlight{color:var(--color-secondary);font-size:52px}@keyframes floatTitle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.menu-buttons{width:100%;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.menu-footer{font-size:12px;color:var(--color-text-muted)}#hud{pointer-events:none;padding:20px;z-index:100}.hud-top{display:flex;justify-content:flex-start;gap:15px;width:100%}.hud-stat-box{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:8px;pointer-events:auto;box-shadow:0 4px 6px #0003}.stat-icon{font-size:20px}.stat-label{font-size:13px;color:var(--color-text-muted);text-transform:uppercase}.stat-value{font-weight:800;font-size:18px;color:var(--color-secondary)}.hud-left{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:12px;width:250px;pointer-events:auto}.hud-bar-container{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:10px;box-shadow:0 4px 6px #0003}.bar-label{font-size:12px;font-weight:600;margin-bottom:4px;display:block}.hud-bar{width:100%;height:12px;background:#0006;border-radius:6px;overflow:hidden;margin-bottom:2px}.bar-fill{height:100%;width:50%;border-radius:6px;transition:width .3s cubic-bezier(.1,.8,.3,1)}.bar-fill.satiety{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.bar-fill.energy{background:linear-gradient(90deg,#00d2ff,#00ffd2)}.bar-value{font-size:11px;font-weight:800;float:right;color:var(--color-text-muted)}.hud-combo-container{background:linear-gradient(135deg,var(--color-accent) 0%,#ff5252 100%);border:1px solid var(--color-gold);border-radius:12px;padding:8px 12px;text-align:center;box-shadow:0 0 15px #ff525280;animation:pulseCombo 1s infinite alternate}.hud-combo-container.hidden{display:none}.combo-title{font-size:12px;font-weight:800;color:var(--color-gold);display:block}.combo-value{font-size:20px;font-weight:800;color:#fff}@keyframes pulseCombo{0%{transform:scale(1)}to{transform:scale(1.05)}}.hud-right{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:15px;width:280px}.hud-quest-tracker{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:14px;width:100%;pointer-events:auto;box-shadow:0 4px 6px #0003}.hud-quest-tracker h3{font-size:14px;margin-bottom:8px;color:var(--color-secondary)}.hud-quest-tracker ul{list-style:none;font-size:12px}.hud-quest-tracker li{margin-bottom:6px;position:relative;padding-left:14px;color:var(--color-text-muted)}.hud-quest-tracker li:before{content:"■";position:absolute;left:0;color:var(--color-primary);font-size:8px;top:2px}.hud-quick-buttons{display:flex;gap:10px;justify-content:flex-end}.interaction-prompt{position:absolute;left:50%;bottom:25%;transform:translate(-50%);background:#1e1310e6;border:1px solid var(--color-secondary);border-radius:30px;padding:10px 24px;font-size:16px;font-weight:600;box-shadow:0 8px 16px #00000080;animation:promptPulse 1.5s infinite;z-index:200;pointer-events:none}.interaction-prompt.hidden{display:none}.interaction-prompt .key{background:var(--color-secondary);color:var(--color-bg);padding:2px 8px;border-radius:4px;font-weight:800;margin:0 4px}@keyframes promptPulse{0%,to{opacity:.8;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-4px)}}#eating-notice-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:10}.eating-notice{position:absolute;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;animation:floatNotice 1.5s ease-out forwards;display:flex;flex-direction:column;align-items:center}.notice-weight{font-size:24px;color:var(--color-secondary)}.notice-combo{font-size:16px;color:var(--color-gold)}.notice-flavor{font-size:14px;color:var(--color-cream)}@keyframes floatNotice{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-120px) scale(1.1);opacity:0}}#dialogue-overlay{background:#0006;pointer-events:auto;z-index:500}.dialogue-box{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:600px;max-width:90%;background:var(--color-card-bg);border:2px solid var(--color-primary);border-radius:20px;padding:24px;box-shadow:var(--shadow-premium);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.dialogue-speaker{font-weight:800;color:var(--color-secondary);font-size:18px;margin-bottom:8px;text-transform:uppercase}.dialogue-text{font-size:16px;margin-bottom:20px;line-height:1.4;color:var(--color-text)}.dialogue-choices{display:flex;flex-direction:column}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--color-border);padding-bottom:15px}.screen-header h2{color:var(--color-secondary);font-size:24px;font-weight:800}.quests-tabs{display:flex;gap:10px;margin-bottom:20px;pointer-events:auto}.btn-tab{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);font-family:var(--font-main);font-weight:600;padding:10px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}.btn-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.quests-tab-content{flex:1;overflow:hidden;position:relative}.tab-panel{display:none;height:100%}.tab-panel.active{display:block}.quests-scroller{overflow-y:auto;height:100%;padding-right:8px}.quests-scroller::-webkit-scrollbar,.inventory-grid-container::-webkit-scrollbar{width:6px}.quests-scroller::-webkit-scrollbar-track,.inventory-grid-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.quests-scroller::-webkit-scrollbar-thumb,.inventory-grid-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.quests-list{list-style:none}.quest-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.quest-item.completed{border-color:var(--color-secondary);background:#f0a5000d}.quest-info h4{font-size:15px;margin-bottom:4px;color:var(--color-cream)}.quest-item.completed .quest-info h4{text-decoration:line-through;color:var(--color-text-muted)}.quest-info p{font-size:12px;color:var(--color-text-muted)}.quest-reward{font-weight:800;font-size:14px;color:var(--color-secondary);text-align:right}.quest-reward.completed-stamp{color:#00ffd2;border:1px solid #00ffd2;border-radius:4px;padding:2px 6px;font-size:10px;text-transform:uppercase}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:5px}.achievement-card{background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:15px 10px;text-align:center;transition:var(--transition-smooth)}.achievement-card.unlocked{border-color:var(--color-secondary);background:#f0a50014}.ach-icon{font-size:28px;margin-bottom:8px;filter:grayscale(1)}.achievement-card.unlocked .ach-icon{filter:none;animation:pulseGold 2s infinite alternate}.achievement-card h4{font-size:13px;margin-bottom:4px;color:var(--color-text-muted)}.achievement-card.unlocked h4{color:var(--color-cream)}.achievement-card p{font-size:10px;color:var(--color-text-muted)}@keyframes pulseGold{0%{transform:scale(1)}to{transform:scale(1.1);filter:drop-shadow(0 0 5px var(--color-secondary))}}.inventory-layout{display:flex;gap:20px;flex:1;overflow:hidden}.inventory-grid-container{flex:1.5;overflow-y:auto;padding-right:5px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px}.inventory-slot{aspect-ratio:1;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:28px;position:relative;cursor:pointer;pointer-events:auto;transition:var(--transition-smooth)}.inventory-slot:hover,.inventory-slot.selected{border-color:var(--color-primary);background:#e65f1e1a;transform:scale(1.03)}.inventory-slot .item-count{position:absolute;bottom:4px;right:6px;font-size:11px;font-weight:800;color:var(--color-cream);background:var(--color-primary);border-radius:8px;padding:1px 5px}.inventory-details{flex:1;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.inventory-details h3{font-size:18px;color:var(--color-cream);text-align:center}.inv-details-icon{font-size:64px;margin:15px 0}.inventory-details p{font-size:13px;color:var(--color-text-muted);text-align:center;line-height:1.4;margin-bottom:15px;flex:1}.inv-actions,.inv-actions .btn{width:100%}.skills-layout{display:flex;flex-direction:column;flex:1;overflow:hidden}.skills-points-banner{background:#e65f1e1a;border:1px solid var(--color-border);border-radius:12px;padding:10px;text-align:center;font-weight:800;font-size:16px;margin-bottom:20px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;flex:1;overflow-y:auto}.skill-branch{background:#00000026;border:1px solid rgba(255,255,255,.03);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px}.skill-branch h3{font-size:14px;text-align:center;color:var(--color-secondary);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}.skill-node{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;transition:var(--transition-smooth)}.skill-node.locked{opacity:.4;pointer-events:none}.skill-node h4{font-size:13px;color:var(--color-cream);margin-bottom:4px}.skill-node p{font-size:10px;color:var(--color-text-muted);margin-bottom:8px;line-height:1.3;flex:1}.skill-node .btn{padding:6px 12px;font-size:11px;border-radius:6px}.settings-form{pointer-events:auto;display:flex;flex-direction:column;gap:18px}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:10px}.setting-row input[type=range]{flex:1;max-width:150px;margin:0 15px;accent-color:var(--color-primary)}.setting-row select{background:#0000004d;border:1px solid var(--color-border);color:var(--color-text);padding:6px 12px;border-radius:6px;font-family:var(--font-main);cursor:pointer}.range-val{font-weight:800;width:45px;text-align:right;color:var(--color-secondary)}.setting-buttons{margin-top:15px}.danger-zone{border-top:1px dashed var(--color-accent);padding-top:15px}.notification-banner{position:absolute;top:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e65f1ee6,#f0a500e6);border:2px solid var(--color-gold);border-radius:16px;padding:12px 30px;text-align:center;box-shadow:0 10px 30px #0006;z-index:50;pointer-events:none;animation:notifSlide 3.5s cubic-bezier(.18,.89,.32,1.28) forwards}.notification-banner.hidden{display:none}.notif-title{font-weight:800;font-size:18px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.notif-desc{font-size:13px;color:var(--color-bg);font-weight:600}@keyframes notifSlide{0%{transform:translate(-50%,-100px);opacity:0}10%{transform:translate(-50%);opacity:1}90%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100px);opacity:0}}.minigame-progress-container{width:100%;margin:20px 0}.minigame-timer{font-size:18px;font-weight:800;color:var(--color-accent-hover);margin-bottom:10px}.minigame-status{font-weight:800;font-size:20px;color:var(--color-secondary);animation:pulseSpeed .5s infinite alternate}.key.pulse{animation:keyPulse .5s infinite alternate;display:inline-block;background:var(--color-secondary);color:var(--color-bg);padding:4px 12px;border-radius:8px;font-weight:800}@keyframes keyPulse{0%{transform:scale(1);box-shadow:0 0 5px var(--color-secondary)}to{transform:scale(1.15);box-shadow:0 0 20px var(--color-secondary)}}.burger-assembly-recipe{font-size:11px;color:var(--color-text-muted);margin-bottom:10px}.burger-assembly-canvas-container{width:100%;display:flex;justify-content:center;margin-bottom:10px;pointer-events:auto}#burger-minigame-canvas{background:#110908;border:2px solid var(--color-border);border-radius:12px}.burger-assembly-status{font-size:16px;font-weight:800;color:var(--color-secondary)}.defense-bars{display:flex;flex-direction:column;gap:12px;margin:15px 0}.cutscene-subtitles{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 30px;text-align:center;max-width:80%;z-index:600;pointer-events:none}.cutscene-subtitles p{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#mobile-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none}@media (pointer: coarse){body.playing #mobile-controls{display:block}}@media (max-width: 768px){body.playing #mobile-controls{display:block}}#joystick-zone{position:absolute;bottom:40px;left:40px;width:120px;height:120px;pointer-events:auto}#joystick-ring{width:100%;height:100%;border-radius:50%;background:#ffffff0d;border:3px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;display:flex;justify-content:center;align-items:center}#joystick-dot{width:48px;height:48px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-cream);position:absolute;box-shadow:0 4px 8px #0006;transition:transform .05s ease-out}#mobile-buttons{position:absolute;bottom:40px;right:40px;display:grid;grid-template-columns:repeat(2,60px);gap:15px;pointer-events:auto}.btn-mobile-action{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:2px solid var(--color-cream);color:#fff;font-weight:800;font-size:16px;box-shadow:0 4px 8px #0006;cursor:pointer;display:flex;justify-content:center;align-items:center}.btn-mobile-action:active{transform:scale(.9)}.btn-mobile-action.secondary{background:#ffffff1a;border-color:#ffffff4d;font-size:11px}@keyframes pulseSpeed{0%{transform:scale(1)}to{transform:scale(1.05)}}@media (max-width: 768px){.card.large{height:90%}.skills-grid{grid-template-columns:repeat(2,1fr)}.hud-quest-tracker{display:none}.hud-right{width:auto}.dialogue-box{width:95%}}