@tailwind base;@tailwind components;@tailwind utilities;:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--rose-primary: #e31c4b;--gold-primary: #fbbf24;--bg-dark: #05070a;--glass: rgba(15, 23, 42, .65);--app-radius: 24px;--nav-height: 4rem;--bottom-nav-height: 4.5rem}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none!important}input,select,textarea{font-size:16px!important}html,body{background-color:var(--bg-dark);color:#f1f5f9;font-family:Inter,sans-serif;overflow-x:hidden;overflow-y:auto;height:100%;width:100%;-webkit-font-smoothing:antialiased}.game-viewport-container{display:flex;flex-direction:column;width:100%;min-height:calc(100dvh - var(--nav-height) - var(--bottom-nav-height) - 1rem);gap:.75rem;padding:.5rem}@media(min-width:1024px){.game-viewport-container{flex-direction:row;align-items:stretch;height:calc(100vh - var(--nav-height) - 3rem);max-height:850px;padding:1.5rem;gap:1.5rem;overflow:hidden}}@keyframes slot-spin{0%{transform:translateY(0);filter:blur(0)}50%{transform:translateY(-15px);filter:blur(3px)}to{transform:translateY(0);filter:blur(0)}}.animate-slot{animation:slot-spin .12s infinite linear}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#2d313e;border-radius:10px}@keyframes in-view{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in-view{animation:in-view .6s cubic-bezier(.23,1,.32,1) forwards}