:root{color-scheme:dark;--bg-deep: #0d1117;--glass-bg: rgba(18, 23, 32, .72);--glass-border: rgba(255, 255, 255, .1);--text-main: #edf0f5;--text-muted: #9aa4b2;--accent: #d9b88c}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;background:var(--bg-deep);color:var(--text-main);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:16px}.pill-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--text-main);transition:background .2s,border-color .2s,transform .15s}.pill-btn:hover{background:#ffffff24}.pill-btn:active{transform:scale(.97)}.pill-btn.active{background:#d9b88c38;border-color:#d9b88c80;color:#f7dfc0}.lobby-scroll{width:100%;height:100%;overflow-y:auto;padding:28px 20px 60px;background:radial-gradient(circle at 20% 10%,#1b2538,#0d1117 60%)}@media(max-width:640px){.hide-on-mobile{display:none!important}.pill-btn{padding:7px 11px;font-size:12px}}