:root{--bg: #3E2723;--bg-dark: #1A0F0A;--surface: #4E342E;--surface-light: #5D4037;--text-primary: #F5F0E8;--text-secondary: #BCAAA4;--accent: #D4A03C;--accent-light: #E8C36A;--button-primary: #6D4C41;--button-hover: #7B5B50;--danger: #C62828;--success: #2E7D32;--board-light: #E8D5B5;--board-dark: #B58863;--glass-bg: rgba(78, 52, 46, .55);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Lato,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:600}a{color:var(--accent);text-decoration:none}.animated-bg{position:fixed;inset:0;z-index:0;background:linear-gradient(160deg,#1a0f0a,#3e2723 30%,#2c1810 70%,#1a0f0a);overflow:hidden}.animated-bg .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.animated-bg .orb:nth-child(1){width:300px;height:300px;background:radial-gradient(circle,rgba(212,160,60,.3),transparent);top:10%;left:15%}.animated-bg .orb:nth-child(2){width:250px;height:250px;background:radial-gradient(circle,rgba(181,136,99,.25),transparent);top:60%;right:10%;animation-delay:-5s}.animated-bg .orb:nth-child(3){width:200px;height:200px;background:radial-gradient(circle,rgba(93,64,55,.3),transparent);bottom:20%;left:40%;animation-delay:-10s}.animated-bg .orb:nth-child(4){width:180px;height:180px;background:radial-gradient(circle,rgba(212,160,60,.2),transparent);top:30%;right:30%;animation-delay:-15s}.animated-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.015) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.015) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.015) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.015) 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-15px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(15px,10px) scale(1.02)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1.2px solid var(--glass-border);border-radius:20px;padding:24px;box-shadow:0 8px 20px #00000040;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff14,#ffffff05);pointer-events:none}.form-input{width:100%;padding:14px 16px 14px 44px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-primary);font-family:Lato,sans-serif;font-size:15px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:#bcaaa480}.input-group{position:relative;margin-bottom:16px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#bcaaa4b3;font-size:18px;pointer-events:none}.btn-accent{width:100%;padding:16px;background:var(--accent);color:var(--bg-dark);border:none;border-radius:14px;font-family:Lato,sans-serif;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #d4a03c4d,0 0 20px #d4a03c26}.btn-accent:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 6px 20px #d4a03c66,0 0 30px #d4a03c33}.btn-accent:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{width:100%;padding:14px;background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:14px;font-family:Lato,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#d4a03c1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:3px}.page{position:relative;z-index:1;min-height:100vh}.spinner{width:40px;height:40px;border:3px solid rgba(212,160,60,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:100vh}@media(max-width:480px){.glass-card{padding:16px;border-radius:16px}.btn-accent{padding:14px;font-size:14px}.form-input{padding:12px 14px 12px 40px;font-size:14px}}@media(min-width:768px){.lobby-tier-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:380px){.stats-grid-2col{grid-template-columns:1fr!important}}