.tf-auth{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:#143020}.tf-auth[hidden]{display:none}.tf-auth-card{position:relative;width:100%;max-width:390px;padding:30px 22px;border-radius:22px;background:#f5f5f5;text-align:center}.tf-auth-card h2{margin:8px 0;color:#143020}.tf-auth-card p{color:#6b786f;font-size:14px;margin:0 0 20px}.tf-auth-logo{position:relative;width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:20px;background:#143020;color:transparent;font-size:0;overflow:hidden}.tf-auth-logo:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);background:#dfff20;-webkit-mask:url('header-player.svg?ver=2026083102') center/contain no-repeat;mask:url('header-player.svg?ver=2026083102') center/contain no-repeat}.tf-auth-card input:not([type=range]){width:100%;height:48px;margin:7px 0;padding:0 13px;border:1px solid #d9e1dc;border-radius:9px;background:#fff;text-align:right}.tf-auth-card .tf-submit{margin-top:12px}.tf-link{display:block;width:100%;margin-top:14px;border:0;background:none;color:#143020;font-weight:700}.tf-level{display:block;margin:13px 0;text-align:right;font-weight:700}.tf-level input{display:block;width:100%;margin:8px 0;accent-color:#143020}.tf-auth-card .tf-close{position:absolute;left:10px;top:10px;border:0;background:none;font-size:28px}@media(min-width:431px){.tf-auth-card{box-shadow:0 22px 60px #0005}}