@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg: #04070f;--bg1: #080d1a;--bg2: #0c1220;--bg3: #111827;--surface: rgba(13, 19, 35, .85);--surface2: rgba(17, 25, 45, .9);--border: rgba(148, 163, 184, .12);--border-active: rgba(245, 158, 11, .4);--text: #e8edf5;--text2: #94a3b8;--text3: #4a5568;--amber: #f59e0b;--amber-glow: rgba(245, 158, 11, .15);--amber-dim: #b45309;--red: #ef4444;--yellow: #f59e0b;--green: #22c55e;--blue: #3b82f6;--red-glow: rgba(239, 68, 68, .2);--green-glow: rgba(34, 197, 94, .2);--blue-glow: rgba(59, 130, 246, .2);--danger: #f87171;--success: #4ade80;--r: 12px;--r-lg: 16px;--r-xl: 20px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(245,158,11,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(59,130,246,.05) 0%,transparent 60%);min-height:100vh;overflow-x:hidden}#root,.app,.content{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.app{display:flex;min-height:100vh}.sidebar{width:220px;min-width:220px;background:var(--surface2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem .75rem;position:sticky;top:0;height:100vh;gap:.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.sidebar-brand{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:1.25rem}.sidebar-brand-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--amber),#d97706);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:.85rem;color:#000;flex-shrink:0}.sidebar-brand-name{font-family:Syne,sans-serif;font-weight:800;font-size:1.15rem;color:var(--text);letter-spacing:-.02em}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent;color:var(--text2);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;width:100%;text-align:left}.nav-item:hover{color:var(--text);background:#ffffff0a;border-color:var(--border)}.nav-item.active{color:var(--amber);background:var(--amber-glow);border-color:var(--border-active);font-weight:600}.nav-icon{width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:inline-block;vertical-align:middle;color:currentColor}.sidebar-spacer{flex:1}.sidebar-user{padding:.75rem;background:#0000004d;border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:border-color .15s}.sidebar-user:hover{border-color:var(--border-active)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--blue));display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:.8rem;color:#000;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{min-width:0}.user-name{font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-rating{font-size:.7rem;font-family:DM Mono,monospace;color:var(--amber)}.content{flex:1;min-width:0;padding:1.5rem;max-width:calc(100vw - 220px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.03em}.page-title span{color:var(--amber)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-sm{padding:.9rem;border-radius:var(--r)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap{gap:.75rem}.gap-lg{gap:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:8px;border:1px solid transparent;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:normal;text-decoration:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .15s}.btn:hover:after{background:#ffffff0d}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--amber),#d97706);color:#000;font-weight:700;border-color:#d97706;box-shadow:0 0 20px #f59e0b33}.btn-primary:hover:not(:disabled){box-shadow:0 0 28px #f59e0b59;transform:translateY(-1px)}.btn-secondary{background:#ffffff0a;color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:#94a3b84d;background:#ffffff12}.btn-ghost{background:transparent;color:var(--text2);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.btn-danger{background:#ef444426;color:var(--danger);border-color:#ef44444d}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-sm{padding:.35rem .7rem;font-size:.78rem;border-radius:6px}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}.btn-full{width:100%}.field{display:flex;flex-direction:column;gap:.35rem}.label{font-size:.78rem;font-weight:600;color:var(--text2);letter-spacing:.04em;text-transform:uppercase}input,select,textarea{background:#0000004d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.88rem;padding:.6rem .85rem;width:100%;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--amber-glow)}select option{background:var(--bg2)}.tabs{display:flex;gap:.25rem;background:#0000004d;padding:.25rem;border-radius:10px;border:1px solid var(--border);min-width:0;overflow-x:auto}.tab{flex:1;padding:.45rem .75rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text2);transition:all .15s}.tab.active{background:var(--amber-glow);color:var(--amber);border-color:var(--border-active)}.tab:hover:not(.active){background:#ffffff0a;color:var(--text)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast{padding:.75rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);font-size:.85rem;max-width:320px;animation:slideIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.success{border-color:#4ade8066;color:var(--success)}.toast.error{border-color:#f8717166;color:var(--danger)}.toast.info{border-color:var(--border-active);color:var(--amber)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.3rem}.stat-label{font-size:.72rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:Syne,sans-serif;font-size:1.65rem;font-weight:800;color:var(--text);letter-spacing:-.03em}.stat-sub{font-size:.75rem;color:var(--text3)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-amber{background:var(--amber-glow);color:var(--amber);border:1px solid var(--border-active)}.badge-green{background:#22c55e1f;color:var(--green);border:1px solid rgba(34,197,94,.3)}.badge-red{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.3)}.badge-blue{background:#3b82f61f;color:var(--blue);border:1px solid rgba(59,130,246,.3)}.badge-grey{background:#94a3b814;color:var(--text2);border:1px solid var(--border)}.landing-page{min-height:100vh;display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070fb3;position:sticky;top:0;z-index:50}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(245,158,11,.08) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(148,163,184,.04) 39px,rgba(148,163,184,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(148,163,184,.04) 39px,rgba(148,163,184,.04) 40px);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .9rem;background:var(--amber-glow);border:1px solid var(--border-active);border-radius:999px;font-size:.75rem;font-weight:700;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem;animation:fadeUp .6s ease both}.hero-title{font-family:Syne,sans-serif;font-size:clamp(3.5rem,10vw,7rem);font-weight:800;color:var(--text);letter-spacing:-.04em;line-height:.95;margin-bottom:1.25rem;animation:fadeUp .6s .1s ease both;position:relative}.hero-title .accent{color:var(--amber)}.hero-sub{font-size:1.1rem;color:var(--text2);max-width:480px;line-height:1.65;margin-bottom:2rem;animation:fadeUp .6s .2s ease both}.hero-cta{animation:fadeUp .6s .3s ease both;display:flex;gap:.75rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;margin:0 2.5rem 4rem;background:var(--border)}.feature-card{background:var(--surface);padding:1.75rem;transition:background .15s}.feature-card:hover{background:var(--surface2)}.feature-icon{margin-bottom:.75rem;color:var(--amber)}.feature-title{font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;margin-bottom:.4rem;color:var(--text)}.feature-desc{font-size:.82rem;color:var(--text2);line-height:1.55}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(245,158,11,.05) 0%,transparent 70%);pointer-events:none}.auth-card{width:100%;min-width:0;max-width:420px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-xl);padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeUp .4s ease}.auth-logo{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.auth-logo span{color:var(--amber)}.auth-sub{font-size:.83rem;color:var(--text2);margin-bottom:1.5rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--text3);font-size:.78rem;margin:1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-wrap{display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0;overflow:hidden}.google-wrap>div{width:100%;min-width:0;display:flex;justify-content:center}.home-grid{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;min-width:0}.welcome-banner{background:linear-gradient(135deg,#f59e0b14,#3b82f60d);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.welcome-banner:after{content:"⬡";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:7rem;color:#f59e0b0a;line-height:1}.welcome-name{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.welcome-name span{color:var(--amber)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.play-modes{display:flex;flex-direction:column;gap:.6rem}.mode-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;border-radius:3px 0 0 3px;transition:background .2s}.mode-btn:hover{border-color:#94a3b840;transform:translate(2px)}.mode-btn:hover:before{background:var(--amber)}.mode-btn.queuing{border-color:var(--border-active);background:var(--amber-glow)}.mode-btn.queuing:before{background:var(--amber)}.mode-icon{width:42px;height:42px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.mode-info{min-width:0}.mode-title{font-weight:600;font-size:.9rem;color:var(--text)}.mode-desc{font-size:.75rem;color:var(--text2);margin-top:.15rem}.queue-pulse{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-family:DM Mono,monospace;color:var(--amber);margin-top:.3rem}.queue-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse 1.2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.room-input-row{display:flex;gap:.5rem;margin-top:.5rem}.sidebar-panel{display:flex;flex-direction:column;gap:1rem}.panel-title{font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.match-item{display:flex;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.match-item:last-child{border-bottom:none}.match-result{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.match-result.win{background:#22c55e26;color:var(--green)}.match-result.loss{background:#ef44441f;color:var(--red)}.match-result.draw{background:#94a3b814;color:var(--text2)}.match-info{min-width:0}.match-desc{font-size:.8rem;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-muted,.text-dim,.match-desc,.friend-name,.panel-title{overflow-wrap:anywhere}.match-date{font-size:.7rem;color:var(--text3)}.rating-delta{margin-left:.45rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:600}.rating-delta.up{color:var(--green)}.rating-delta.down{color:var(--danger)}.friend-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.friend-item:last-child{border-bottom:none}.friend-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.friend-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.friend-name{font-size:.82rem;font-weight:500;color:var(--text)}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.friend-row:last-child{border-bottom:none}.friend-main{display:flex;align-items:center;gap:.6rem;min-width:0}.friend-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.invite-row{display:flex;gap:.5rem;margin-top:.75rem}.room-layout{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;align-items:start;min-width:0}.board-container{display:flex;flex-direction:column;gap:1rem;min-width:0}.players-strip{display:flex;gap:.6rem;flex-wrap:wrap}.player-chip{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.82rem;transition:all .2s;position:relative;min-width:0;max-width:100%}.player-chip.active-turn{border-color:transparent;box-shadow:0 0 0 2px var(--player-color, var(--amber)),0 0 16px #f59e0b33}.player-chip.eliminated{opacity:.4}.chip-color{width:10px;height:10px;border-radius:50%;background:var(--player-color);box-shadow:0 0 6px var(--player-color)}.chip-name{font-weight:600;color:var(--text);min-width:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-mark{font-family:DM Mono,monospace;font-size:.72rem;color:var(--text2)}.chip-you{font-size:.65rem;background:var(--amber-glow);color:var(--amber);padding:.1rem .35rem;border-radius:4px;font-weight:700}.chess-clocks{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.chess-clock{display:flex;flex-direction:column;align-items:center;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:90px;transition:all .3s;position:relative;overflow:hidden}.chess-clock.active-clock{border-color:var(--player-color, var(--amber));background:#00000080;box-shadow:0 0 20px color-mix(in srgb,var(--player-color, var(--amber)) 30%,transparent)}.chess-clock.low-time{animation:clockWarn .5s ease infinite alternate}.chess-clock.eliminated-clock{opacity:.55;border-color:#ef444459}@keyframes clockWarn{0%{border-color:#ef444466}to{border-color:#ef4444e6;box-shadow:0 0 20px #ef44444d}}.clock-name{font-size:.65rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.clock-time{font-family:DM Mono,monospace;font-size:1.4rem;font-weight:500;color:var(--text);letter-spacing:.02em;line-height:1}.chess-clock.active-clock .clock-time{color:var(--player-color, var(--amber))}.chess-clock.low-time .clock-time{color:var(--danger)}.clock-flag{margin-top:.2rem;font-size:.64rem;color:var(--danger);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.clock-drain{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--player-color, var(--amber));transform-origin:left;transition:transform 1s linear,background .3s}.board-outer{background:linear-gradient(135deg,#050b18,#08122a);border:1px solid rgba(59,130,246,.15);border-radius:var(--r-xl);padding:.75rem;box-shadow:0 0 40px #00000080,inset 0 1px #ffffff08;width:fit-content;max-width:100%;--cell-size: clamp(26px, min(5.2vw, 5.2vh), 56px)}.drop-cols{display:grid;grid-template-columns:repeat(var(--board-cols, 7),var(--cell-size));gap:.4rem;margin-bottom:.4rem;width:fit-content;max-width:100%}.drop-btn{aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;font-size:.7rem;color:var(--text3);transition:all .15s;display:flex;align-items:center;justify-content:center}.drop-btn:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b4d;color:var(--amber)}.drop-btn:disabled{cursor:not-allowed;opacity:.2}.board-grid{display:grid;grid-template-columns:repeat(var(--board-cols, 7),var(--cell-size));gap:.4rem;width:fit-content;max-width:100%}.cell{aspect-ratio:1;border-radius:50%;background:var(--bg);border:1px solid rgba(59,130,246,.1);position:relative;transition:transform .1s;overflow:hidden}.cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--cell-color, transparent);transition:background .15s}.cell.filled:after{background:var(--cell-color);box-shadow:inset 0 -3px 6px #00000059,inset 0 2px 4px #ffffff1f}.cell.winning{animation:winGlow .8s ease infinite alternate}@keyframes winGlow{0%{box-shadow:0 0 8px var(--cell-color)}to{box-shadow:0 0 20px var(--cell-color),0 0 40px #ffffff0d}}.cell.drop-anim:after{animation:dropIn .25s cubic-bezier(.23,1,.32,1) both}@keyframes dropIn{0%{transform:translateY(-200%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.col-hover .cell{background:#3b82f60a}.game-status{padding:.75rem 1rem;border-radius:var(--r);text-align:center;font-weight:600;font-size:.9rem}.game-status.win{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.25)}.game-status.draw{background:#94a3b814;color:var(--text2);border:1px solid var(--border)}.game-status.playing{background:var(--amber-glow);color:var(--amber);border:1px solid var(--border-active)}.room-sidebar{display:flex;flex-direction:column;gap:.75rem}.chat-log{height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:#0000004d;border-radius:var(--r);border:1px solid var(--border)}.chat-log::-webkit-scrollbar{width:4px}.chat-log::-webkit-scrollbar-track{background:transparent}.chat-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-msg{font-size:.8rem}.chat-user{font-weight:700;margin-right:.3rem}.chat-text{color:var(--text2)}.chat-input-row{display:flex;gap:.5rem}.chat-input-row input{font-size:.82rem}.lb-table{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto;overflow-y:hidden}.lb-head,.lb-row{display:grid;grid-template-columns:52px 1fr 100px 120px 70px;align-items:center;gap:.75rem;padding:.75rem 1rem;min-width:520px}.lb-head{background:#0000004d;font-size:.72rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.lb-row{background:transparent;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;text-align:left;color:var(--text);border-left:none;border-right:none;border-top:none;width:100%;font-family:DM Sans,sans-serif;font-size:.85rem}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:#ffffff08}.lb-rank{font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;color:var(--text2)}.lb-rank.gold{color:#fbbf24;font-size:1rem}.lb-rank.silver{color:#94a3b8;font-size:1rem}.lb-rank.bronze{color:#d97706;font-size:1rem}.lb-player{display:flex;align-items:center;gap:.6rem}.lb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.lb-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.lb-username{font-weight:600}.lb-rating{font-family:DM Mono,monospace;font-weight:600;color:var(--amber)}.lb-tier{display:block;font-size:.68rem;color:var(--text2);margin-top:.15rem;font-family:DM Sans,sans-serif;font-weight:500}.lb-wld{font-family:DM Mono,monospace;font-size:.8rem;color:var(--text2)}.lb-games{font-family:DM Mono,monospace;font-size:.8rem;color:var(--text3)}.profile-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f59e0b0f,#3b82f60a);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:1.25rem}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--blue));display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:#000;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.profile-rating{font-family:DM Mono,monospace;font-size:.95rem;color:var(--amber);margin-top:.2rem}.rating-chart{width:100%;height:120px;position:relative}.rating-chart svg{width:100%;height:100%}.t-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.t-item:last-child{border-bottom:none}.t-name{font-weight:600;font-size:.9rem}.t-meta{font-size:.75rem;color:var(--text2);margin-top:.15rem}.pairing-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:#0003;border:1px solid var(--border);border-radius:var(--r);margin-top:.5rem;font-size:.85rem}.pairing-players{font-weight:600;color:var(--text)}.pairing-result{font-family:DM Mono,monospace;font-size:.75rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:linear-gradient(135deg,var(--amber),var(--blue));display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;color:#000}.avatar-preview img{width:100%;height:100%;object-fit:cover}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:.88rem;font-weight:500}.toggle-desc{font-size:.75rem;color:var(--text2);margin-top:.15rem}.switch{position:relative;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg3);border-radius:999px;transition:background .2s;border:1px solid var(--border);cursor:pointer}.switch-track:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--text2);transition:transform .2s,background .2s}.switch input:checked+.switch-track{background:var(--amber-glow);border-color:var(--border-active)}.switch input:checked+.switch-track:after{transform:translate(18px);background:var(--amber)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b84d}@media (max-width: 1024px){.home-grid,.room-layout,.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{width:60px;min-width:60px;padding:1rem .5rem}.sidebar-brand-name,.nav-item span:not(.nav-icon),.user-info{display:none}.nav-item{justify-content:center;padding:.6rem}.sidebar-user{justify-content:center}.content{max-width:calc(100vw - 60px);padding:1rem .75rem}.stats-row{grid-template-columns:repeat(2,1fr)}.chess-clocks{gap:.4rem}.chess-clock{min-width:75px;padding:.5rem .7rem}.clock-time{font-size:1.15rem}.board-outer{--cell-size: clamp(24px, 7.6vw, 42px);padding:.6rem}.drop-cols,.board-grid{gap:.28rem}.chip-name{max-width:96px}}@media (max-width: 420px){.auth-page{padding:.5rem}.auth-card{padding:1rem;border-radius:12px}}@media (max-width: 220px){.auth-page{padding:.2rem}.auth-card{padding:.5rem;border-radius:8px}.auth-logo{font-size:1.05rem}.auth-sub{font-size:.72rem;margin-bottom:.8rem}.tab{padding:.35rem .3rem;font-size:.7rem}.label{font-size:.66rem}input,select,textarea{padding:.45rem .5rem;font-size:.72rem}.btn{padding:.4rem .5rem;font-size:.72rem;white-space:normal}}.mono{font-family:DM Mono,monospace}.text-amber{color:var(--amber)}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.fw-bold{font-weight:700}.fw-syne{font-family:Syne,sans-serif}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.mt-sm{margin-top:.5rem}.mt{margin-top:.75rem}.mt-lg{margin-top:1.25rem}.mb-sm{margin-bottom:.5rem}.mb{margin-bottom:.75rem}.mb-lg{margin-bottom:1.25rem}.w-full{width:100%}.hidden{display:none}.sep{height:1px;background:var(--border);margin:.75rem 0}.empty-state{text-align:center;padding:2rem;color:var(--text3);font-size:.85rem}.placement-wrap{display:flex;flex-direction:column;gap:.3rem;max-width:300px}.placement-label{font-size:.72rem;color:var(--text2);font-weight:600;letter-spacing:.03em}.placement-track{width:100%;height:8px;background:#94a3b826;border:1px solid var(--border);border-radius:999px;overflow:hidden}.placement-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--amber));transition:width .35s ease}.live-indicator{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--green)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1s ease infinite}.toast,.hero-eyebrow,.hero-title,.hero-sub,.hero-cta,.live-dot,.queue-dot,.chess-clock.low-time,.cell.winning,.cell.drop-anim:after{animation:none!important}