.upgrade-dialog,.upgrade-dialog *{box-sizing:border-box}
.upgrade-dialog{position:fixed;inset:0;width:1280px;height:620px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:6px 16px 16px;overflow:hidden;border:40px solid transparent;border-image: url("../img/upgrade_panel_bg.png?v=20-wide-panel") 95 fill / 40px / 0 stretch;border-radius:0;background:transparent;color:#e8d7c8;box-shadow:none;font:13px/1.5 "Open Sans",Arial,sans-serif}
.upgrade-dialog[open]{display:flex;flex-direction:column}
.upgrade-dialog::backdrop{background:#050504c4;backdrop-filter:blur(5px)}
.upgrade-header{flex:0 0 62px;width:100%;margin:0;padding:2px 48px 16px;text-align:center;background:transparent}
.upgrade-header h2{margin:0;color:#f4dcc6;font:normal 29px/1.3 Georgia,"Times New Roman",serif;text-shadow:0 2px 4px #000}
.upgrade-dialog .registration-close{right:8px;top:0;width:30px;height:30px}
.upgrade-content{flex:1;min-height:0;width:100%;overflow:auto;margin:0;padding:0 2px 4px;scrollbar-width:thin;scrollbar-color:#96543a #1c1510;overscroll-behavior:contain}
.upgrade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;margin:0;align-items:start}
.upgrade-panel{min-width:0;width:100%;margin:0}
.upgrade-panel-heading{height:74px;margin:0;padding:6px 4px 12px;text-align:center}
.upgrade-panel-heading h3{margin:0;color:#f1d2b1;font:normal 20px/1.25 Georgia,"Times New Roman",serif;white-space:nowrap}
.upgrade-panel-heading p{max-width:100%;margin:7px 0 0;color:#baa08e;font-size:11px;line-height:15px;overflow-wrap:break-word}
.upgrade-table{width:100%;margin:0;border:1px solid #74503a;border-collapse:collapse;table-layout:fixed;background:#100b08d6}
.upgrade-table thead{background:#4b2c1b9c}
.upgrade-table thead th{height:34px;padding:0 7px;color:#d9b797;font:600 11px/1.2 "Open Sans",Arial,sans-serif;text-align:center;vertical-align:middle}
.upgrade-table thead th:first-child{width:57%}
.upgrade-table tbody tr{height:36px;border-top:1px solid #64412e70}
.upgrade-table tbody tr:nth-child(even){background:#5b352026}
.upgrade-table tbody tr:hover{background:#74422540}
.upgrade-table tbody th,.upgrade-table tbody td{height:36px;padding:0 7px;color:#e3ceba;font:400 13px/1.25 "Open Sans",Arial,sans-serif;text-align:center;vertical-align:middle;white-space:nowrap}
.upgrade-grade{display:inline-block;min-width:20px;font-weight:600;font-variant-numeric:tabular-nums}
.upgrade-arrow{display:inline-block;margin:0 5px;color:#a78060}
.upgrade-grade-target{color:#ffd3a6}
.upgrade-probability{margin:0;color:#f4d4b2;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.upgrade-dialog{height:720px}.upgrade-panel-heading{height:74px}}
@media(max-width:760px){.upgrade-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-width:28px;border-image-width:28px;padding:8px 6px 12px}.upgrade-header{flex-basis:62px;padding:4px 34px 16px}.upgrade-header h2{font-size:24px}.upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.upgrade-dialog .registration-close{right:1px;top:1px;width:28px;height:28px}.upgrade-panel-heading h3{font-size:18px}.upgrade-panel-heading p{font-size:10px;line-height:14px}.upgrade-table thead th{font-size:10px}.upgrade-table tbody th,.upgrade-table tbody td{font-size:12px}}
@media(max-width:480px){.upgrade-grid{grid-template-columns:minmax(0,1fr)}.upgrade-panel-heading{height:auto;min-height:66px;padding-top:6px}.upgrade-header h2{font-size:21px}.upgrade-table tbody th,.upgrade-table tbody td{font-size:13px}}