@tailwind base;@tailwind components;@tailwind utilities;:root{--tg-theme-bg-color: #1a1a2e;--tg-theme-text-color: #ffffff;--tg-theme-button-color: #e94560;--tg-theme-button-text-color: #ffffff}body{margin:0;padding:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.candy-red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#ee5a5a);box-shadow:0 4px 15px #ee5a5a80,inset 0 -3px 10px #0003}.candy-blue{background:radial-gradient(circle at 30% 30%,#4ecdc4,#44a08d);box-shadow:0 4px 15px #44a08d80,inset 0 -3px 10px #0003}.candy-green{background:radial-gradient(circle at 30% 30%,#95e1d3,#6dd5a7);box-shadow:0 4px 15px #6dd5a780,inset 0 -3px 10px #0003}.candy-yellow{background:radial-gradient(circle at 30% 30%,#f9ca24,#f0932b);box-shadow:0 4px 15px #f0932b80,inset 0 -3px 10px #0003}.candy-purple{background:radial-gradient(circle at 30% 30%,#a29bfe,#6c5ce7);box-shadow:0 4px 15px #6c5ce780,inset 0 -3px 10px #0003}.candy-orange{background:radial-gradient(circle at 30% 30%,#ff9f43,#ee5a24);box-shadow:0 4px 15px #ee5a2480,inset 0 -3px 10px #0003}.candy-pink{background:radial-gradient(circle at 30% 30%,#fd79a8,#e84393);box-shadow:0 4px 15px #e8439380,inset 0 -3px 10px #0003}.candy-selected{animation:bounce-short .3s ease-in-out;transform:scale(1.1);z-index:10}.candy-matched{animation:match .3s ease-out forwards}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none}.score-popup{position:absolute;font-weight:700;font-size:1.5rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);pointer-events:none;animation:float-up 1s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.5)}}.progress-fill{transition:width .5s ease-out}.combo-text{background:linear-gradient(90deg,gold,#ff6b6b,#4ecdc4,gold);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-primary{background:linear-gradient(135deg,#e94560,#c73e54);transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e9456066}.btn-primary:active{transform:translateY(0)}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}*{user-select:none;-webkit-user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}@media(max-width:640px){.glass{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}