.poker-account-button { max-width: 132px; min-width: 44px; min-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
dialog.poker-account-dialog { color: #ebe8dc; background: #192219; border: 1px solid #66704b; border-radius: 18px; width: min(440px, calc(100vw - 28px)); max-width: none; max-height: calc(100svh - 28px); padding: 20px; box-sizing: border-box; margin: auto; overscroll-behavior: contain; box-shadow: 0 24px 80px #0006; }
.poker-account-dialog::backdrop { background: #061009c9; backdrop-filter: blur(5px); }
.poker-account-dialog[open] { display: flex; flex-direction: column; gap: 16px; }
.poker-account-dialog .poker-account-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-shrink: 0; }
.poker-account-dialog h2 { flex: 1; min-width: 0; margin: 0; font: 500 25px/1.2 Georgia, 'Times New Roman', serif; letter-spacing: -.02em; color: #f1eddf; }
.poker-account-dialog h3 { font: 600 17px/1.35 system-ui, sans-serif; margin: 0; overflow-wrap: anywhere; }
.poker-account-body { display: flex; flex-direction: column; min-height: 0; gap: 10px; }
.poker-account-dialog p { margin: 0; }
.poker-account-dialog .account-copy { font: 14px/1.5 system-ui, sans-serif; color: #b3bea6; }
.poker-account-dialog .account-hint { font: 12px/1.45 system-ui, sans-serif; color: #acb79d; }
.poker-account-dialog .account-identity { font: 600 15px/1.4 system-ui, sans-serif; overflow-wrap: anywhere; }
.poker-account-dialog .account-form { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.poker-account-dialog .account-field { display: flex; flex-direction: column; gap: 6px; color: #cdd4c3; font: 13px/1.3 system-ui, sans-serif; }
.poker-account-dialog input { width: 100%; box-sizing: border-box; height: 46px; border: 1px solid #596448; border-radius: 9px; background: #111a14; color: #f0eee4; padding: 9px 12px; font: 16px/1.4 system-ui, sans-serif; }
.poker-account-dialog .account-recovery { width: 100%; box-sizing: border-box; padding: 10px 12px; background: #111a14; color: #f0eee4; border: 1px solid #596448; border-radius: 9px; resize: none; font: 16px/1.5 ui-monospace, monospace; overflow-wrap: anywhere; }
.poker-account-dialog button { box-sizing: border-box; cursor: pointer; min-height: 44px; min-width: 44px; padding: 10px 14px; border: 1px solid #596448; border-radius: 10px; background: #252f21; color: #e7e8d9; font: 500 14px/1.25 system-ui, sans-serif; touch-action: manipulation; transition: background-color 140ms ease, transform 140ms ease; }
.poker-account-dialog button:disabled { cursor: default; opacity: .45; }
.poker-account-dialog .account-primary { background: #cabb87; color: #182316; border-color: #cabb87; }
.poker-account-dialog .account-danger { background: #603d35; border-color: #956353; color: #f4e8de; }
.poker-account-dialog .account-icon { flex: 0 0 44px; width: 44px; padding: 0; font-size: 26px; }
.poker-account-dialog [data-language-switch] { font-size: 14px; }
.poker-account-dialog .account-links { display: flex; flex-wrap: wrap; gap: 8px; }
.poker-account-dialog .account-links button { flex: 1; }
.poker-account-dialog .account-device { display: flex; flex-direction: column; gap: 14px; border: 1px solid #424e38; padding: 16px; border-radius: 12px; }
.poker-account-dialog .account-pages { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; color: #bec4ad; font: 12px system-ui, sans-serif; }
.poker-account-dialog .poker-account-error { font: 13px/1.4 system-ui, sans-serif; color: #eed598; border-left: 2px solid #cabb87; padding: 6px 10px; overflow-wrap: anywhere; }
.poker-account-dialog [hidden] { display: none !important; }
.poker-account-dialog :is(button,input):focus-visible { outline: 2px solid #e6d69c; outline-offset: 3px; }
@media (hover:hover) and (pointer:fine) { .poker-account-dialog button:hover:enabled { background-color: #39472b; } .poker-account-dialog .account-primary:hover:enabled { background-color: #dccea0; } .poker-account-dialog button:active:enabled { transform: scale(.98); } }
@media (max-width:380px) { dialog.poker-account-dialog { padding: 14px; gap: 12px; } .poker-account-dialog h2 { font-size: 23px; } .poker-account-dialog .account-form { gap: 9px; } }
@media (max-height:470px) and (min-width:600px) { dialog.poker-account-dialog { width: min(640px, calc(100vw - 28px)); gap: 10px; padding: 14px; } .poker-account-dialog .account-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; } .poker-account-dialog .account-form > :is(.account-primary,.account-hint) { grid-column: 1 / -1; } .poker-account-dialog h2 { font-size: 22px; } }
@media (prefers-reduced-motion:reduce) { .poker-account-dialog button { transition: none; } .poker-account-dialog button:active:enabled { transform: none; } }