.account-page{min-height:100vh;color-scheme:dark;background:#0b1118;color:#edf2f6;font-family:Inter,system-ui,sans-serif}
.account-card .account-transfer summary{cursor:pointer;font-weight:650;color:#cfc2ff;line-height:1.6;padding:8px 0}.account-card .account-transfer summary:focus-visible{outline:2px solid #b4a1ff;outline-offset:4px}.account-card .account-transfer[open]>h2{margin-top:28px}.account-card .new-game{margin:30px 0}.account-card .new-game .account-actions{margin:16px 0 28px}
.account-page .account-skip{position:fixed;left:16px;top:-80px;z-index:500;padding:12px 18px;background:#8b6cff;color:#fff;border-radius:8px}.account-page .account-skip:focus{top:12px}
.account-area{width:min(1060px,92%);margin:52px auto 72px}.account-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.account-context nav{font-size:13px;color:#a8b2c1}.account-context nav a:hover{color:#fff}.account-context .kicker{margin:0}
.account-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:7px;background:#101822;border:1px solid #26303d;border-radius:14px;margin-bottom:26px}.account-tabs a{padding:11px 17px;border-radius:9px;font-size:14px;font-weight:650;color:#adb8c7}.account-tabs a:hover{background:#1b2533;color:#fff}.account-tabs a[aria-current=page]{background:#8b6cff;color:white}.account-tabs .account-admin-link{margin-left:auto;color:#cfc2ff}
.account-frame{max-width:760px;margin:0 auto}.account-card{background:linear-gradient(145deg,#15202c,#101822 70%);border:1px solid #2a3442;border-radius:22px;padding:38px;box-shadow:0 20px 70px #0002}.account-card h1{font-size:clamp(27px,4vw,36px);line-height:1.18;margin:0 0 24px;letter-spacing:-.035em}.account-card h2{font-size:22px;line-height:1.3;margin:0 0 14px}.account-card h3{font-size:18px;margin:0 0 10px}.account-card p{line-height:1.7;overflow-wrap:anywhere}.account-card a{color:#cfc2ff;text-decoration:underline;text-underline-offset:4px}.account-card a:hover{color:#fff}.account-card label{display:block;font-weight:600;font-size:14px;margin:20px 0 8px;color:#e4eaf2}
.account-card input:not([type=checkbox]):not([type=radio]),.account-card select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #445064;border-radius:9px;background:#0b131e;color:#edf2f6;font:inherit;font-size:15px}.account-card input[type=file]{font-size:13px!important}.account-card input::file-selector-button{padding:7px 10px;background:#263145;color:#edf2f6;border:0;border-radius:5px;margin-right:10px}.account-card select{color-scheme:dark}.account-card input:focus-visible,.account-card select:focus-visible,.account-card button:focus-visible{outline:2px solid #b4a1ff;outline-offset:3px}
.account-card button{min-height:46px;margin-top:22px;padding:12px 20px;border:1px solid transparent;border-radius:9px;background:#8b6cff;color:#fff;font:700 14px/1.5 Inter,system-ui,sans-serif;cursor:pointer}.account-card button:hover{background:#9b80ff}.account-card button:disabled{opacity:.55;cursor:wait}.account-card button.danger{background:#b23e47}.account-card button.danger:hover{background:#ca4e58}.account-card .checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.account-card .checkbox input{margin-top:5px;accent-color:#8b6cff}
.account-card .hint{font-size:13px;color:#a4b0c0;line-height:1.7}.account-card .links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:27px;font-size:14px}.account-card .status{background:#12352b;border:1px solid #28755b;color:#b7efd5;padding:14px 16px;border-radius:9px}.account-card .errors{background:#351d27;border:1px solid #965066;color:#ffd7de;padding:10px 16px;border-radius:9px}.account-card .errors ul{padding-left:20px}.account-card .logout{border-top:1px solid #2a3442;margin-top:28px}.account-card .logout button{background:transparent;border-color:#465064;color:#e0e5ee}.account-card aside{border:1px solid #3a465b;border-radius:12px;padding:22px;background:#111b28;margin:22px 0}.account-card aside h2{font-size:20px}.account-card hr{border:0;border-top:1px solid #2a3442;margin:32px 0}
.account-card .saved-game{padding:20px;border:1px solid #344052;border-radius:12px;background:#0d1722;margin:16px 0}.account-card .saved-game h2{font-size:20px;margin:0}.account-card .saved-game p{font-size:14px;color:#b7c2d0}.account-card .profile-summary{display:flex;align-items:center;gap:16px}.account-card .nickname{font-size:24px;font-weight:750;letter-spacing:-.02em}.account-card .avatar-picker{border:0;padding:0;margin:24px 0}.account-card .avatar-picker legend{font-size:14px;font-weight:600;margin-bottom:12px}.account-card .avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.account-card .avatar-option{display:flex;align-items:center;flex-direction:column;gap:10px;padding:14px 8px;margin:0;border:1px solid #445064;border-radius:11px;cursor:pointer;font-size:13px}.account-card .avatar-option:has(input:checked){border-color:#a48aff;background:#241e3d;box-shadow:0 0 0 1px #a48aff}.account-card .avatar-option:focus-within{outline:2px solid #b4a1ff;outline-offset:3px}.account-card .avatar-option input[type=radio]{width:16px;height:16px;margin:0;accent-color:#8b6cff;align-self:flex-start}.account-card .avatar-option img{display:block}
.account-area>footer{font-size:12px;text-align:center;color:#8592a4;padding:22px 10px}.account-page .pr-header .account-access{color:#d2c5ff}.account-page .pr-site-footer{margin-top:0}
.account-card .account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.account-card .account-actions a{padding:20px 16px;border:1px solid #3b4658;border-radius:12px;text-decoration:none;background:#0d1622;transition:background .2s,border-color .2s}.account-card .account-actions a:hover{background:#211c36;border-color:#a48aff}.account-card .account-actions strong{display:block;font-size:16px;margin-bottom:10px}.account-card .account-actions span{display:block;color:#aeb9c9;font-size:13px;line-height:1.6}.account-card .account-play{display:inline-block;background:#8b6cff;color:white;padding:12px 18px;border-radius:9px;text-decoration:none;font-weight:650;font-size:14px}
@media(max-width:600px){.account-area{margin:30px auto 44px}.account-context{gap:12px;align-items:flex-start}.account-context .kicker{font-size:10px}.account-context nav{font-size:12px;white-space:nowrap}.account-card{padding:24px 20px;border-radius:16px}.account-tabs a{padding:10px 12px;font-size:13px}.account-tabs .account-admin-link{margin-left:0}.account-card .avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card aside{padding:17px}.account-card .saved-game{padding:16px}.account-card .account-actions{grid-template-columns:1fr;margin:22px 0}.account-card .account-actions a{padding:16px}.account-card .account-actions strong{margin-bottom:6px}}
.account-card .avatar-upload{margin:28px 0 8px;padding-top:20px;border-top:1px solid #344052}.account-card .avatar-upload h2{font-size:17px;margin:0 0 12px}.account-card .avatar-current{display:flex;align-items:center;gap:14px;margin-bottom:12px}.account-card .avatar-current img{border-radius:50%;object-fit:cover;background:#1b2127;flex:none}.account-card .avatar-upload form{margin:10px 0}.account-card .avatar-upload input[type=file]{display:block;margin:6px 0 10px;max-width:100%}.account-card .avatar-upload button.secondary{background:none;border:1px solid #51456d;color:#e5dbff}
.account-card span.account-tile-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:12px;background:#1d1838;border:1px solid #3d3366;color:#b9a6ff;transition:background .2s,color .2s,border-color .2s}.account-card span.account-tile-icon .icon{width:24px;height:24px;display:block}.account-card .account-actions a:hover .account-tile-icon{background:#2b2354;border-color:#7d66d6;color:#fff}.account-card .account-actions-two{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card section[aria-labelledby=practice-play]{margin:8px 0 34px}.account-card .saved-game-head{display:flex;align-items:center;gap:14px}.account-card .saved-game-head span.account-tile-icon{margin:0;width:40px;height:40px}
@media(max-width:600px){.account-card .account-actions-two{grid-template-columns:1fr}.account-card .account-actions a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start}.account-card .account-actions a>*{grid-column:2}.account-card .account-actions a>span.account-tile-icon{grid-column:1;grid-row:1/span 4;margin:0}}
@media(prefers-reduced-motion:reduce){.account-card .account-tile-icon{transition:none}}
.account-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:26px}.account-bar .account-tabs{flex:1 1 520px;margin-bottom:0}
.chip-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 6px 6px 10px;background:#101822;border:1px solid #26303d;border-radius:14px;font-size:13px}.chip-status form{margin:0}
.chip-status .chip-credit{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px;color:#e8edf3}.chip-status .chip-credit:hover{background:#1b2533}.chip-status .chip-credit .icon{width:20px;height:20px;color:#f2c14e}.chip-status .chip-credit strong{font-size:15px;font-variant-numeric:tabular-nums}
.chip-status .chip-tables{color:#a8b2c1;padding:0 4px}.chip-status .chip-tables:hover{color:#fff}.chip-status .chip-next{color:#a8b2c1;padding:6px 10px 6px 4px}
.chip-status .chip-claim{min-height:36px;padding:7px 14px;border:0;border-radius:9px;background:#f2a93b;color:#1b1206;font:700 13px/1.4 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 0 0 0 #f2a93b66;animation:chip-claim-pulse 2.4s ease-out 3}.chip-status .chip-claim:hover{background:#ffbd55}.chip-status .chip-claim:focus-visible{outline:2px solid #ffd58a;outline-offset:3px}
@keyframes chip-claim-pulse{0%{box-shadow:0 0 0 0 #f2a93b66}70%{box-shadow:0 0 0 9px #f2a93b00}100%{box-shadow:0 0 0 0 #f2a93b00}}
.account-area .chip-flash{margin:-12px 0 22px;width:fit-content;max-width:100%;margin-left:auto;background:#12352b;border:1px solid #28755b;color:#b7efd5;padding:10px 14px;border-radius:9px;font-size:14px}
.account-card .lobby-live{display:flex;align-items:center;gap:9px;color:#b7c2d0;font-size:14px}.account-card .lobby-dot{width:9px;height:9px;border-radius:50%;background:#3ccf7e;box-shadow:0 0 0 3px #3ccf7e33;flex:none}
.account-card .lobby-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 8px}
.account-card .lobby-table{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid #344052;border-radius:14px;background:#0d1722}.account-card .lobby-table.is-mine{border-color:#8b6cff;box-shadow:0 0 0 1px #8b6cff55}
.account-card .lobby-table header{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-card .lobby-table h2{font-size:19px;margin:0}
.account-card .lobby-variant{flex:none;padding:3px 9px;border:1px solid #3e5f9a;border-radius:999px;background:#13223a;color:#9cc0ff;font-size:12px;font-weight:650}
.account-card .lobby-seats{display:flex;gap:8px;list-style:none;padding:0;margin:0}.account-card .lobby-seats .seat{width:40px;height:40px;border-radius:50%;flex:none}
.account-card .lobby-seats .seat.free{border:2px dashed #3d4859}.account-card .lobby-seats .seat.taken img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#1b2127;box-shadow:0 0 0 2px #0d1722,0 0 0 4px #5b6b82}.account-card .lobby-seats .seat.mine img{box-shadow:0 0 0 2px #0d1722,0 0 0 4px #a48aff}
.account-card .lobby-meta{margin:0;font-size:13px;color:#a8b2c1}
.account-card .lobby-join{margin-top:auto;display:block;text-align:center;padding:12px 16px;border-radius:9px;background:#8b6cff;color:#fff;text-decoration:none;font-weight:700;font-size:14px}.account-card .lobby-join:hover{background:#9b80ff;color:#fff}.account-card .lobby-table.is-mine .lobby-join{background:#2b2354;border:1px solid #8b6cff}
@media(max-width:600px){.account-bar .account-tabs{flex-basis:100%}.chip-status{width:100%}.chip-status .chip-claim{margin-left:auto}.account-card .lobby-tables{grid-template-columns:1fr}.account-card .lobby-seats{gap:6px}.account-card .lobby-seats .seat,.account-card .lobby-seats .seat.taken img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.chip-status .chip-claim{animation:none}}
.account-card .lobby-seats .seat.taken.anonymous{background:#5b6b82;box-shadow:0 0 0 2px #0d1722,0 0 0 4px #5b6b82}