.promotion-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));height:min(610px,calc(100vh - 32px));max-height:none;overflow:hidden;border:1px solid #b69b54;background:#242723;color:#eee6cf;padding:0;box-shadow:0 18px 70px #000c}
.promotion-dialog::backdrop{background:#050705b8;backdrop-filter:blur(2px)}
.promotion-dialog form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}
.promotion-dialog header{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #6f633d;background:linear-gradient(#383b35,#292c28)}
.promotion-dialog header>span:nth-child(2){display:grid;gap:3px}.promotion-dialog header b{font:700 20px Georgia,serif;color:#f5db88}.promotion-dialog header small{color:#aaa58f}
.promotion-dialog header button{margin-left:auto;width:32px;height:32px;border:1px solid #756c51;background:#181a18;color:#eee;font-size:20px}.promotion-seal{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b99a43;border-radius:50%;background:#171b17;color:#dfc261;font-size:25px;box-shadow:inset 0 0 0 3px #302c1e}
#promotion-content{min-height:0;overflow:auto;padding:22px;display:grid;gap:18px;align-content:start}.promotion-path{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:14px}.promotion-vocation{padding:20px;border:1px solid #58594f;background:#171a17;text-align:center}.promotion-vocation strong{display:block;color:#f2df9e;font:700 19px Georgia,serif}.promotion-vocation small{display:block;margin-top:6px;color:#9fa493}.promotion-arrow{text-align:center;color:#d5b85b;font-size:32px}
.promotion-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.promotion-requirement{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #4e514a;background:#1b1e1b}.promotion-requirement.ready{border-color:#527c43}.promotion-requirement.blocked{border-color:#8b4d43}.promotion-requirement b{color:#eee}.promotion-requirement span{color:#b9c0ad}.promotion-benefits{padding:16px;border-left:3px solid #b89c50;background:#1b1e1b}.promotion-benefits b{color:#e9cf7c}.promotion-benefits ul{margin:10px 0 0;padding-left:20px;color:#c6c9bc;line-height:1.65}.promotion-message{margin:0;padding:12px 14px;border:1px solid #595747;background:#29281f;color:#e8dbac}
.promotion-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #55584f;background:#1c1e1c}.promotion-dialog footer button{min-width:130px;padding:10px 16px;border:1px solid #7d7048;background:#4b4025;color:#fff0bd;font-weight:700}.promotion-dialog footer .quiet{background:#282b28;color:#ddd;border-color:#555}.promotion-dialog footer button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){.promotion-dialog{height:calc(100vh - 16px)}.promotion-path{grid-template-columns:1fr}.promotion-arrow{transform:rotate(90deg)}.promotion-requirements{grid-template-columns:1fr}}
.auth-character-list{display:grid;max-height:220px;margin-bottom:12px;overflow:auto;border:1px solid #79796f;background:#11130f}.auth-character-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 130px;gap:10px;align-items:center;width:100%;min-height:35px;padding:7px 10px;border:0;border-bottom:1px solid #393b35;background:#181a17;color:#ddd;text-align:left}.auth-character-row:last-child{border-bottom:0}.auth-character-row:hover{background:#252820}.auth-character-row.selected{background:#363321;color:#ffe59a;box-shadow:inset 3px 0 #d2aa3f}.auth-character-row strong{overflow:hidden;text-overflow:ellipsis}.auth-character-row span{color:#bbb}.auth-character-row.selected span{color:#e8dcac}.auth-character-row.in-bazaar{opacity:.66}.auth-character-create{display:grid;grid-template-columns:minmax(145px,1fr) minmax(250px,1.45fr) auto;align-items:end;gap:8px;padding:10px;border:1px solid #55574f;background:#1a1c18}.auth-character-create>input{box-sizing:border-box;width:100%;min-width:0;height:34px}.auth-character-create #create-character{height:34px;white-space:nowrap}.creation-vocation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;margin:0;padding:15px 5px 5px;border:1px solid #56584f}.creation-vocation-options legend{padding:0 4px;color:#d8d8cc;font:700 11px Tahoma}.creation-vocation-option{display:flex!important;align-items:center;gap:5px;min-width:0;margin:0!important;padding:4px 5px;border:1px solid transparent;background:#252721;color:#ddd;font:11px Tahoma!important}.creation-vocation-option:has(input:checked){border-color:#b79a45;background:#383421;color:#ffe69a}.creation-vocation-option input{width:auto!important;margin:0;accent-color:#b89536}.creation-vocation-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#auth-form:has(#character-fields:not([hidden])){box-sizing:border-box;width:min(560px,calc(100vw - 24px))}.character-account-actions{clear:both;flex-wrap:wrap}
.auth-character-row.offline-training-active{grid-template-columns:minmax(0,1fr) 72px 112px minmax(135px,auto);border-left:3px solid #d0a43c;background:linear-gradient(90deg,#262314,#181a17 45%)}.auth-character-training{display:grid;justify-items:end;gap:2px}.auth-character-training small{color:#d8b653;font:700 9px Tahoma;letter-spacing:.06em}.auth-character-training b{color:#fff0a8;font:700 12px Consolas,monospace;font-variant-numeric:tabular-nums}.auth-character-row.training-complete .auth-character-training b{color:#8bd19d}
.offline-training-report{width:min(590px,calc(100vw - 24px));padding:0;border:2px solid #8e7436;background:#101513;color:#ddd9c9;box-shadow:0 18px 60px #000c}.offline-training-report::backdrop{background:#020403cf}.offline-training-report>section{display:grid;gap:13px;padding:17px}.offline-training-report header{display:block;height:auto;padding:0;border-bottom:1px solid #494633}.offline-training-report header small{color:#c9a84d;font:700 9px Tahoma;letter-spacing:.12em}.offline-training-report h2{margin:3px 0;color:#fff0b2;font:700 22px Georgia}.offline-training-report header p{margin:4px 0 11px;color:#a9afa9}.offline-training-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.offline-training-report-summary span{display:grid;gap:4px;padding:9px;border:1px solid #3b4541;background:#171e1c}.offline-training-report-summary small{color:#8e9b95;font-size:9px}.offline-training-report-summary b{color:#efd887;font-variant-numeric:tabular-nums}.offline-training-report-table{border:1px solid #414842}.offline-training-report-table>header,.offline-training-report-table>div{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:6px;padding:8px}.offline-training-report-table>header{height:auto;background:#282a21;color:#cab36f;font-size:10px;text-transform:uppercase}.offline-training-report-table>div{border-top:1px solid #343a36;background:#151b19}.offline-training-report-table>div span:not(:first-child){font-family:Consolas,monospace;text-align:right}.offline-training-report>section>p{margin:0;padding:9px;border-left:3px solid #b79339;background:#252012;line-height:1.45}.offline-training-report footer{position:static;inset:auto;width:auto;height:auto;display:flex;justify-content:flex-end;padding:0}.offline-training-report button{padding:8px 22px;border:1px solid #a08335;background:linear-gradient(#675022,#352a16);color:#fff0ad;font-weight:bold}
.premium-selection-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border:1px solid #55574f;background:#171916;color:#b9b9af;font:11px Tahoma}.premium-selection-status span{font-weight:700;color:#d3d3c8}.premium-selection-status strong{min-width:26px;color:#c7c7bd;font:700 18px Georgia;text-align:right}.premium-selection-status small{color:#aaa}.premium-selection-status.active{border-color:#9b7d32;background:linear-gradient(90deg,#292416,#1a1b16)}.premium-selection-status.active span,.premium-selection-status.active strong{color:#ffe08a}.premium-selection-status.active small{color:#dbc987}
@media(max-width:560px){.auth-character-row{grid-template-columns:minmax(0,1fr) 66px}.auth-character-vocation{grid-column:1/-1}.auth-character-create{grid-template-columns:1fr}.auth-character-create #create-character{width:100%}.character-account-actions{gap:8px}.character-account-actions button{min-width:0!important;flex:1 1 130px}}