/* Variables, reset, orientation warning, loading bar */
/* === ESTILOS MEJORADOS (se mantiene la esencia original) === */
:root{
  --neon-green:#00ff00;--neon-yellow:#ffff00;--neon-blue:#00ffff;
  --neon-pink:#ff00ff;--gold:#ffd700;--bg-dark:rgba(10,10,10,0.98);
  --money-green:#85bb65;--blueberry-blue:#4f86f7;
  --hot-sauce:#ff3300;--prestige-color:#ff69b4;--level-color:#f0a500;
  --friend-color:#2ecc71;--berry-tree:#3a8a3a;--daily-color:#ff9900;
  --mission-color:#c678dd;--combo-color:#e5c07b;
}
*{box-sizing:border-box;user-select:none;-webkit-tap-highlight-color:transparent;}
body{margin:0;padding:0;background-size:cover;background-position:center;background-attachment:fixed;background-color:#050505;color:white;font-family:'Arial Black',sans-serif;height:100vh;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background 0.5s ease,filter 0.3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;}
body.frenzy-active{filter:saturate(3) contrast(1.2) brightness(1.1);animation:frenzy-shake 0.2s infinite;}
@keyframes frenzy-shake{0%{transform:translate(0,0);}25%{transform:translate(1px,1px);}50%{transform:translate(-1px,-1px);}75%{transform:translate(1px,-1px);}100%{transform:translate(0,0);}}
img{image-rendering:auto;max-width:100%;}
.icon-small{width:10px;height:10px;vertical-align:middle;margin-right:2px;object-fit:contain;}
.icon-btn{width:16px;height:16px;vertical-align:middle;margin-right:8px;flex-shrink:0;}
.item-preview-icon{width:50px;height:50px;border-radius:8px;background:#1a1a1a;margin-right:15px;object-fit:contain;border:1px solid #333;flex-shrink:0;}
.item-icon-badge{width:32px;height:32px;border-radius:6px;background:#111;object-fit:contain;border:1px solid #333;flex-shrink:0;margin-right:8px;}

/* ORIENTATION WARNING */
#orientation-warning{position:fixed;inset:0;background:#000;z-index:20000;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;}
.phone-icon-wrap{width:60px;height:100px;border:4px solid var(--neon-pink);border-radius:10px;margin-bottom:25px;position:relative;animation:rotateDevice 2s infinite ease-in-out;display:flex;justify-content:center;align-items:center;}
.phone-icon-wrap img{width:32px;height:32px;}
@keyframes rotateDevice{0%{transform:rotate(0deg);}50%{transform:rotate(90deg);}100%{transform:rotate(90deg);}}

/* LOADING BAR */
#loading-screen{position:fixed;inset:0;background:black url('https://uploads.onecompiler.io/447259qgx/44d8bu68c/Pantalla%20de%20Carga.gif') no-repeat center center;background-size:contain;z-index:9000;display:none;flex-direction:column;justify-content:flex-end;align-items:center;transition:opacity 0.8s ease;}
.loading-bar-wrap{width:60%;max-width:400px;margin-bottom:20px;background:#111;border-radius:20px;border:2px solid var(--neon-blue);overflow:hidden;height:20px;}
.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-green));border-radius:20px;transition:width 0.08s linear;width:0%;}
.loading-text{margin:0 0 10px 0;font-size:18px;color:white;text-shadow:0 0 10px var(--neon-blue);animation:blink 1s infinite;letter-spacing:2px;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
#black-shroud{position:fixed;inset:0;background:black;z-index:9001;display:none;opacity:0;transition:opacity 0.4s ease;}
#game-cover{position:fixed;inset:0;background:black;z-index:4999;pointer-events:none;}