.account-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;border:1px solid #42705d;border-radius:24px;background:linear-gradient(145deg,#15392f,#0e1e29);color:#edf7f7;box-shadow:0 25px 90px #0008}.account-dialog::backdrop{background:#020e14cc;backdrop-filter:blur(8px)}.account-dialog header{display:flex;gap:16px;justify-content:space-between;align-items:center}.account-dialog h2{margin:8px 0;font-size:29px}.account-tabs{display:flex;gap:8px;margin:22px 0}.account-tabs button{flex:1;background:#132c32;color:#b5cad2;border:1px solid #3b555c;border-radius:12px;padding:12px;font-weight:700}.account-tabs .active{background:#285342;color:#59f3b5;border-color:#4c9e79}.account-dialog #accountForm{display:flex;flex-direction:column;gap:16px}.account-dialog #accountForm[hidden]{display:none}.account-dialog label{display:flex;flex-direction:column;gap:8px;font-size:14px}.account-dialog label[hidden]{display:none}.account-dialog input{box-sizing:border-box;width:100%;background:#0b1c27;border:1px solid #4b6773;border-radius:12px;padding:14px;color:white;font-size:16px}.account-dialog input:focus-visible{outline:2px solid #4cf2b0;outline-offset:2px}.account-dialog small{font-size:12px;color:#a7c9d1}.account-dialog #accountForm button{width:100%;padding:15px}.account-dialog button[hidden]{display:none}.account-dialog #accountDialogNotice{color:#f1d89d;font-size:14px;min-height:20px}.account-dialog .text-button{display:block;margin:auto}.account-dialog [aria-busy=true]{cursor:wait}#accountDialogAnchor{display:flex;flex-wrap:wrap;gap:10px}.cup-entry{display:block}.cup-entry>img{float:right;width:92px;height:138px;margin:0 0 10px 20px;object-fit:contain;border-radius:0}.cup-entry .simple-icon{height:44px;display:block}.cup-entry h2{margin-top:16px}.cup-trophy{border-radius:0;background:none}.cup-hero .cup-trophy{filter:drop-shadow(0 12px 16px #0005)}
@media(max-width:500px){.account-dialog{padding:20px}.account-dialog h2{font-size:25px}.account-tabs button{padding:10px;font-size:13px}.cup-entry>img{width:74px;height:110px;margin-left:12px}}

.account-dialog label.automatic-login-option{flex-direction:row;align-items:center;gap:12px;padding:14px;border:1px solid #42705d;border-radius:12px;cursor:pointer}.automatic-login-option input{width:22px;height:22px;padding:0;flex-shrink:0;accent-color:#55f4ae}.automatic-login-option span{display:flex;flex-direction:column;gap:5px}.account-profile-button{display:inline-flex;align-items:center;gap:9px;max-width:240px}.account-profile-button .account-profile-avatar{width:32px;height:32px;flex-shrink:0;margin:0}.account-profile-name{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.account-profile-button{max-width:180px}.account-profile-name{max-width:110px}}
.account-dialog #accountForm label[hidden]{display:none!important}