:root{--tg-theme-bg: var(--tg-theme-bg-color, #0a0e17);--tg-theme-text: var(--tg-theme-text-color, #f9fafb);--tg-theme-hint: var(--tg-theme-hint-color, #9ca3af);--tg-theme-link: var(--tg-theme-link-color, #3b82f6);--tg-theme-button: var(--tg-theme-button-color, #6366f1);--tg-theme-button-text: var(--tg-theme-button-text-color, #ffffff);--color-table-felt: #1a472a;--color-table-wood: #3d2b1f;--color-tile-bg: #f8f9fa;--color-tile-shadow: rgba(0, 0, 0, .4);--color-tile-highlight: rgba(255, 255, 255, .9);--color-num-red: #dc2626;--color-num-blue: #2563eb;--color-num-black: #1f2937;--color-num-yellow: #d97706;--color-num-joker: #8b5cf6;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-gold: linear-gradient(135deg, #fcd34d, #f59e0b, #d97706);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--overlay-dark: rgba(0, 0, 0, .75);--shadow-drop: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-deep: 0 10px 25px -5px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-gold: 0 0 20px rgba(245, 158, 11, .4);--font-family: "Inter", -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 99px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--tg-theme-bg);color:var(--tg-theme-text);font-family:var(--font-family);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}#root{display:flex;flex-direction:column;height:100vh;width:100vw}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-drop)}.felt-background{background:radial-gradient(circle at center,#245c38 0%,var(--color-table-felt) 100%);position:relative}.text-gradient-gold{background:var(--color-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.will-change-transform{will-change:transform,opacity}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-pop{animation:pop .3s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-shake-error{animation:shakeError .4s ease-in-out forwards}.animate-pulse-glow{animation:pulseGlow 2s infinite alternate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shakeError{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-6px,0,0)}40%,80%{transform:translate3d(6px,0,0)}}@keyframes pulseGlow{0%{box-shadow:0 0 5px #ef444433;border-color:#ef444480}to{box-shadow:0 0 20px #ef4444cc;border-color:#ef4444}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 24px;font-family:var(--font-family);font-weight:700;font-size:16px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;will-change:transform}.btn:active{transform:scale(.96)}.btn-primary{background:var(--tg-theme-button);color:var(--tg-theme-button-text);box-shadow:0 4px 14px #6366f163}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--tg-theme-text)}.btn-glass:hover{background:var(--glass-bg-hover)}.btn-danger{background:var(--color-error);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--glass-border);border-radius:10px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--tg-theme-bg);z-index:9999}.spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--tg-theme-button);border-radius:50%;animation:spin 1s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--overlay-dark);color:#fff;padding:12px 24px;border-radius:var(--radius-pill);font-weight:600;font-size:14px;z-index:10000;box-shadow:var(--shadow-deep);animation:slideDownToast .3s cubic-bezier(.175,.885,.32,1.275) forwards;will-change:transform,opacity}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-error)}.toast.info{background:var(--color-info)}.toast.warning{background:var(--color-warning)}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}