:root{--color-bg-primary: #153443;--color-bg-secondary: #0B365D;--color-bg-tertiary: #009ee3;--color-accent-yellow: #f5fc59;--color-accent-orange: #ffb845;--color-accent-brown: #b17413;--color-accent-red: #c41e3a;--color-white: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-round: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 50px;--panel-width: 250px;--panel-padding: 20px;--panel-gap: 20px;--button-padding: 10px 12px;--button-padding-lg: 12px 24px;--shadow-sm: 0 4px 4px 0 rgba(0, 0, 0, .25);--shadow-md: 0 6px 6px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .5);--text-shadow-sm: 1px 1px 2px rgba(0, 0, 0, .5);--text-shadow-md: 2px 2px 4px rgba(0, 0, 0, .5);--gradient-button: linear-gradient( 180deg, var(--color-accent-yellow) 0%, var(--color-accent-orange) 100% );--transition-fast: all .2s ease;--transition-normal: all .3s ease;--board-size: 750px;--font-weight-bold: 900;--font-weight-medium: bold;--breakpoint-mobile: 768px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{background:var(--color-bg-primary);font-family:Inter,Arial,sans-serif}