:root{--bg: #0e1116;--bg2: #151a21;--bg3: #1c232c;--border: #262e39;--text: #e8edf2;--text2: #9aa6b2;--text3: #5f6b78;--accent: #3ea6ff;--win: #2ecc71;--draw: #f1c40f;--loss: #e74c3c;--font-display: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}@media (max-width: 768px){.app-menu-btn{display:flex!important;align-items:center;justify-content:center}.app-sidebar{position:fixed!important;top:0;left:0;height:100%!important;z-index:30;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 18px #00000073}.app-sidebar.open{transform:translate(0)}}