:root{--c-felt-edge: #0a1412;--c-felt-mid: #15332c;--c-bg-top: #101c1a;--c-bg-bottom: #070d0c;--c-panel: #18211f;--c-plate: #101b19;--c-text: #e8e6e1;--c-muted: #8f9a97;--c-good: #8fd6b4;--c-warn: #e0b15f;--c-bad: #e07a5f;--c-accent: #7ee0c6;--c-team-0: #4ea8de;--c-team-1: #e07a5f;--c-gold: #f6c453;--u: min(100vw / 1920, 100vh / 1080);--font: Noto Sans, Droid Sans, Segoe UI, Arial, sans-serif}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg-bottom);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}a{color:var(--c-accent);text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;background:#1f2a27;color:var(--c-text);padding:.55em 1.1em;cursor:pointer;user-select:none;transition:background .12s,transform .08s}.button:hover:not(:disabled){background:#283732}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--c-accent);color:#062019;border-color:rgba(0,0,0,0);font-weight:600}.button.primary:hover:not(:disabled){background:#93ead3}.button.danger{color:var(--c-bad)}.panel{background:var(--c-panel);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.field{display:flex;align-items:center;gap:10px}.field label{color:var(--c-muted);min-width:92px}.field input[type=text]{flex:1;background:#0f1715;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;padding:.5em .7em;color:var(--c-text);font-size:16px}.field input[type=text]:focus{outline:none;border-color:var(--c-accent)}.choice{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.choice .caption{color:var(--c-muted);min-width:92px}.choice .opt{border:1px solid hsla(0,0%,100%,.12);border-radius:999px;padding:.3em .9em;cursor:pointer;color:var(--c-muted)}.choice .opt.on{color:#062019;background:var(--c-accent);border-color:rgba(0,0,0,0)}.choice .opt:disabled{cursor:default;opacity:.6}.toasts{position:fixed;top:30vh;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:200}.toast{background:rgba(16,27,25,.95);color:var(--c-bad);border:1px solid rgba(224,122,95,.4);padding:.6em 1.2em;border-radius:10px;font-size:18px;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s}.toast.in{opacity:1;transform:none}.toast.toast-info{color:var(--c-good);border-color:rgba(143,214,180,.4)}.card{display:block;aspect-ratio:132/185;filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.45));transition:transform .11s ease-out,filter .15s}.card.dimmed{filter:brightness(0.55) saturate(0.7) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.card.ghost{opacity:.68;filter:none}.card text{user-select:none}.no-ui{padding:2rem;color:var(--c-muted)}.topbar{position:fixed;top:0;right:0;padding:10px 14px;display:flex;gap:12px;align-items:center;z-index:50;color:var(--c-muted);font-size:14px}.topbar a{color:var(--c-muted)}.topbar a:hover{color:var(--c-text)}.topbar .lag{font-variant-numeric:tabular-nums}.auth,.user{min-height:100vh;display:grid;place-items:center;padding:24px 12px;background:linear-gradient(180deg, var(--c-bg-top) 0%, var(--c-bg-bottom) 100%)}.auth-panel,.user-panel{width:min(520px,100%);padding:26px;display:flex;flex-direction:column;gap:12px}.auth-panel h1,.user-panel h1{margin:0;font-weight:500}.auth-panel h3,.user-panel h3{margin:12px 0 0;font-weight:500;color:var(--c-muted);text-transform:uppercase;font-size:14px;letter-spacing:.1em}.auth-panel .caption,.auth-panel .muted,.user-panel .caption,.user-panel .muted{color:var(--c-muted);margin:0}.auth-panel .error,.user-panel .error{color:var(--c-bad);margin:0}.auth-panel form,.user-panel form{display:flex;flex-direction:column;gap:10px}.auth-panel form input[type=password],.user-panel form input[type=password]{flex:1;background:#0f1715;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;padding:.5em .7em;color:var(--c-text);font-size:16px}.auth-panel .wide,.user-panel .wide{width:100%;height:42px}.auth-panel .rating .big,.user-panel .rating .big{font-size:40px;font-weight:600}.auth-panel .list,.user-panel .list{display:flex;flex-direction:column;gap:4px}.auth-panel .list .row,.user-panel .list .row{display:grid;grid-template-columns:4em 1fr auto;gap:12px;padding:8px 10px;border-radius:8px;background:hsla(0,0%,100%,.03);color:var(--c-text)}.auth-panel .list .row.won>span:first-child,.user-panel .list .row.won>span:first-child{color:var(--c-good)}.auth-panel .list .row.lost>span:first-child,.user-panel .list .row.lost>span:first-child{color:var(--c-warn)}.auth-panel .board,.user-panel .board{margin:0;padding-left:1.5em}.auth-panel .board li,.user-panel .board li{padding:4px 0}