.level-detail-panel .detail-copy{min-width:0}
.level-order-panel{padding:16px 12px 12px;border-top:1px solid #35577b;margin-top:16px}
.level-order-panel>h3{margin:0 0 12px;font-size:1rem}
.level-order-table{width:100%;min-width:690px;border-collapse:collapse}
.level-order-table th,.level-order-table td{vertical-align:middle}
.level-order-table tbody th{font-weight:600;text-align:left}
.level-order-table tbody small{display:block;margin-top:5px;font-size:.73rem;color:#b7c5d8;font-weight:400}
.level-order-table .level-order-running{background:#122a42}
.level-order-controls{display:flex;align-items:center;gap:12px;min-width:300px}
.level-order-progress{position:relative;flex:1;min-width:160px;height:32px;border:1px solid #5288b2;border-radius:5px;overflow:hidden;background:#081725;text-align:center;color:#fff}
.level-order-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#205990,#48a4d8);transition:width .4s linear;max-width:100%}
.level-order-progress>b{position:relative;z-index:1;display:block;line-height:30px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.level-order-cancel{flex:none;margin:0!important;min-height:34px}
.level-order-next td{font-variant-numeric:tabular-nums;white-space:nowrap}
.level-order-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#b3c7db;font-size:.8rem}
.level-order-footer>span{overflow-wrap:anywhere}
.level-cancel-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;padding:20px;border:1px solid #5b85b5;border-radius:9px;background:#0d1c30;color:#e6effc;box-shadow:0 24px 80px #000b}
.level-cancel-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.level-cancel-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #314c6c;padding-bottom:12px}
.level-cancel-dialog h2{margin:0;font-size:1.2rem}
.level-dialog-close{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:1.7rem!important;line-height:1;width:30px;height:30px;flex:none}
.level-cancel-dialog p{line-height:1.55;overflow-wrap:anywhere}
.level-cancel-dialog .level-refund-table{width:100%;border-collapse:collapse}
.level-refund-table th,.level-refund-table td{padding:8px 10px;border-bottom:1px solid #2b405c;text-align:left}
.level-refund-table td,.level-refund-table thead th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.level-order-note{font-size:.78rem;color:#adbed2}
.level-cancel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.level-cancel-actions button{margin:0}
@media(max-width:600px){.level-order-panel{padding:12px 8px}.level-order-footer{align-items:flex-start;flex-direction:column}.level-cancel-dialog{padding:16px}.level-cancel-actions{flex-direction:column}.level-cancel-actions button{width:100%}.level-detail-panel .effect-comparison{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.level-order-fill{transition:none}}

.player-name-settings{padding:16px;border-bottom:1px solid #345274}.player-name-settings h3{margin:0 0 10px}.player-name-settings p{line-height:1.5}.player-name-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.player-name-form label{display:grid;gap:6px;flex:1;min-width:180px;max-width:420px}.player-name-form input{width:100%;box-sizing:border-box}.player-name-form button{margin:0}.name-change-cooldown{color:#c4d5e7;font-size:.85rem}
.level-detail-panel .effect-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:700px){
 .level-detail-panel .effect-comparison{grid-template-columns:1fr}
 .level-order-table{min-width:0;display:block}
 .level-order-table thead{display:none}
 .level-order-table tbody{display:block}
 .level-order-table .level-order-running{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .level-order-running>td[colspan]{grid-column:1/-1}
 .level-order-controls{min-width:0;gap:8px}
 .level-order-progress{min-width:90px}
 .level-order-table .level-order-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #456084}
 .level-order-next>th,.level-order-next>td:nth-child(2){grid-column:1/-1}
 .level-order-next>td[data-resource-label]::before{content:attr(data-resource-label);display:block;margin-bottom:3px;font-size:.72rem;color:#bdcbe0}
 .level-order-table th,.level-order-table td{white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
}
