.account-button,.platform-nav button{border:1px solid #dfe3f3;background:white;border-radius:10px;padding:10px 14px;color:#3b49b9;font-size:14px;font-weight:700}.platform-nav{display:flex;gap:10px;margin-top:25px}.platform-dialog{border:1px solid #dbe1f2;border-radius:22px;padding:30px;color:#202a42;background:#fff;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 20px 80px #14205f33}.platform-dialog::backdrop{background:#16234a70;backdrop-filter:blur(4px)}.platform-dialog h2{font-size:24px;letter-spacing:-.8px;margin:0 30px 12px 0}.platform-dialog p{font-size:14px;line-height:1.8;color:#66728a}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:#f1f3fa;border-radius:50%;width:32px;height:32px;font-size:24px;color:#68758e}.platform-dialog label{font-size:14px;color:#39465f;display:block;font-weight:600}.platform-dialog input,.platform-dialog select{font:inherit;border:1px solid #cfd6e8;border-radius:9px;padding:11px 12px;background:white;color:#222d44;min-width:0;max-width:100%;font-size:16px}.input-row{display:flex;gap:8px;margin:8px 0}.input-row input{flex:1;width:0}.primary-button,.secondary-button,.friends-list button{border:0;background:#4c56ed;color:white;border-radius:9px;padding:10px 15px;font-weight:700;font-size:14px}.secondary-button{background:#edf0ff;color:#4251b9}.quiet{border:0;background:transparent;color:#67748d;font-size:13px;padding:8px;text-decoration:underline}.platform-dialog button:disabled{opacity:.55;cursor:wait}.code-card{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#f3f6fc;border-radius:12px;padding:16px;margin:20px 0}.code-card span{font-size:13px;color:#65748b}.code-card strong{font-size:16px;letter-spacing:1px}.code-card button{margin-left:auto}.muted{font-size:12px!important;color:#7f899b!important}.privacy-link{display:inline-block;font-size:12px;color:#7f899b;text-decoration:underline;margin-top:24px}.friends-list,.ranking-list{padding:0;list-style:none;margin:20px 0}.friends-list li,.ranking-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf0f7}.friends-list strong,.ranking-list strong{font-size:15px;word-break:break-word}.friends-list li>div>span,.ranking-list li>div>span{display:block;font-size:12px;color:#7c889c;margin-top:5px}.friends-list .quiet{background:transparent;color:#748198;padding:8px}.rank-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.rank-filters label{flex:1;min-width:100px}.rank-filters select{display:block;width:100%;margin-top:7px;font-size:14px;padding:10px 7px}.rank-number{font-size:19px;font-weight:800;color:#5362cd;min-width:27px}.ranking-list li>div{flex:1}.ranking-list b{font-size:19px;white-space:nowrap}.ranking-list small{color:#5662e0;font-size:11px}.is-me{background:#f2f5ff}.empty{padding:25px 5px;text-align:center;line-height:1.8;color:#7d88a0;font-size:14px}.platform-dialog [role=alert]{color:#b93043}.ranking-dialog{width:min(620px,calc(100vw - 28px))}#platform-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;font-size:13px;background:#293756;color:white;border-radius:12px;padding:0 15px;max-width:90vw;width:max-content;line-height:2.7;pointer-events:none}#platform-status:empty{display:none}@media(max-width:640px){.account-button{font-size:12px;padding:8px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-dialog{padding:25px 20px}.platform-dialog h2{font-size:22px}.rank-filters{gap:8px}.player-header{gap:5px}.player-header>div{flex:1;justify-content:center}.player-header button{padding:9px 8px;font-size:12px}.player-header strong{font-size:14px}.player-header>div span{font-size:10px}}

.login-gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;text-align:center}.login-gate[hidden]{display:none}.login-gate h1{font-size:40px;margin:0}.login-gate p{margin:0;color:#60667c}.login-gate .brand-symbol{font-size:32px;padding:14px}.login-gate a{font-size:13px;color:#737991}.login-gate #gate-message{font-size:13px;max-width:320px}body [hidden]{display:none!important}