:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#26384f;background:#f5f8fc;font-size:14px;--blue:#2166c2;--line:#dce5ef}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 32px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:20px;letter-spacing:1px}.brand small{display:block;color:#8392a5;margin-top:4px;font-size:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--blue);color:white;border-radius:10px;font-size:23px;font-weight:700}.header-actions{display:flex;gap:8px;flex-wrap:wrap}main{margin:0 auto;padding:24px 32px;max-width:2000px}button,.button{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 13px;color:#314963;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px}button:hover,.button:hover{border-color:#8eb9ef;background:#f0f6ff}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#1753a5;color:white}nav{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:25px}nav button{border:0;background:transparent;padding:12px 22px;border-radius:6px 6px 0 0;color:#738299;font-size:16px}nav .active{color:var(--blue);background:#e7f0fd;border-bottom:3px solid var(--blue);font-weight:600}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}h1{font-size:24px;margin:0 0 8px}h2{font-size:20px;margin:0}.muted{color:#7d8b9d;margin:0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar input{max-width:320px}.toolbar label{display:flex;gap:6px;align-items:center}.summary{color:#687990;margin:10px 0;font-size:13px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th,td{padding:12px 10px;text-align:center;vertical-align:middle;white-space:nowrap;border-right:1px solid #e7edf5;border-bottom:1px solid #e7edf5}th{background:#e2edfc;color:#385d8c;font-weight:600;position:sticky;top:0;z-index:1}tbody tr:nth-child(even){background:#edf4ff}tbody tr:nth-child(odd){background:white}tbody tr:hover{background:#e1edfc}td.note{white-space:pre-wrap;word-break:break-word;min-width:170px;max-width:260px}.empty{text-align:center;padding:64px 16px;color:#8a99ac}.copy{font-size:12px;padding:2px 5px;margin-left:6px;background:transparent;color:#5077a4;border:0}.count{width:68px;text-align:center}.pc-note{width:180px;min-height:60px;font-size:13px}.status{border-radius:4px;padding:4px 9px;background:#eef1f5;color:#6a7b90}.status.normal{background:#e8f5ee;color:#35765a}.status.banned{background:#fce9e9;color:#b24b4b}.warning{border:1px solid #e9c394;background:#fff8ed;color:#98692b;border-radius:6px;padding:12px;margin-bottom:12px}input,select,textarea{border:1px solid #d0dceb;border-radius:5px;padding:8px 10px;background:white;color:#2b405c;font:inherit;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #bdd8fb;outline-offset:1px}select{max-width:240px}textarea{resize:vertical;white-space:pre-wrap}#page-actions{display:flex;gap:8px;flex-wrap:wrap}.footnote{margin-top:16px;font-size:12px}.error{color:#b34545;min-height:18px}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:360px;padding:34px;border:1px solid var(--line);background:white;border-radius:12px;box-shadow:0 10px 36px #1839600a}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:24px}.login-card label{display:block;margin-top:20px}.login-card input{display:block;width:100%;margin-top:8px}.login-card button{width:100%}dialog{border:1px solid var(--line);border-radius:10px;padding:22px;width:min(900px,94vw);max-height:90vh;overflow:auto;color:#26384f}dialog::backdrop{background:#17314d66}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-heading button{font-size:22px;border:0;padding:0 8px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fields label{display:flex;flex-direction:column;gap:7px;color:#65778e}.fields input,.fields select,.fields textarea{width:100%;max-width:none}.wide{grid-column:1/-1}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.group-box{padding:14px;border:1px solid var(--line);border-radius:6px;margin-top:14px}.group-box h3{font-size:14px;margin:0 0 12px;color:#446998}.small{font-size:12px;color:#8a99ac}.history-item{padding:16px;background:#f1f6fe;margin-bottom:10px;border-radius:6px}.history-item details{margin-top:8px}.history-item p{margin:4px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#253d5b;color:white;padding:12px 20px;border-radius:8px;display:none;z-index:10}#toast.visible{display:block}.subnav{display:flex;gap:6px}.subnav .active{color:var(--blue);background:#e7f0fd}td .slot-select{min-width:150px}a{color:var(--blue)}@media(max-width:700px){header{padding:15px;align-items:flex-start}.brand strong{font-size:16px}.header-actions{max-width:170px}.header-actions .button,header button{font-size:12px;padding:6px}main{padding:16px}nav button{padding:10px 14px}.page-heading{align-items:flex-start;flex-direction:column}.fields{grid-template-columns:1fr 1fr}h1{font-size:22px}}

.copy-value{font:inherit;color:inherit;background:transparent;border:0;border-radius:3px;padding:0;margin:0;cursor:pointer}.copy-value:hover{background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.copy-value:focus-visible{outline:2px solid #8eb9ef;outline-offset:3px}

.count-cell{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.count-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.count-actions .copy{margin:0;padding:1px 5px}

.toolbar-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.toolbar-row #toolbar{flex:1;min-width:0;margin-bottom:0}.toolbar-row #page-actions{margin-left:auto;flex-shrink:0;justify-content:flex-end}@media(max-width:800px){.toolbar-row{flex-wrap:wrap}.toolbar-row #toolbar{flex-basis:100%}.toolbar-row #page-actions{margin-left:auto}}

/* Continue column dividers through both header rows. */
#data-table thead th{border-right-color:#c5d7ee;border-bottom-color:#c5d7ee}

[hidden]{display:none!important}.account-select{padding:2px 4px;border:0;background:transparent;font:inherit;color:inherit}.account-select[aria-pressed="true"]{color:var(--blue);font-weight:600}#data-table tbody tr.selected-row{background:#d8e8ff}

.toolbar-row:has(#status-filter) #toolbar{flex:0 1 auto}.toolbar-row:has(#status-filter) #page-actions{margin-left:0}

.toolbar-row #toolbar{flex:0 1 auto}.toolbar-row #page-actions{margin-left:0}

#page-actions button[data-action="recycle-accounts"]{background:#d9363e;border-color:#d9363e;color:#fff}#page-actions button[data-action="recycle-accounts"]:hover{background:#bd2931;border-color:#bd2931;color:#fff}

.slot-picker{position:relative;display:inline-block;width:80px}.slot-picker .slot-selected{position:absolute;left:4px;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;text-align:center;z-index:1}.slot-picker .slot-select{width:100%;min-width:0;color:transparent}.slot-picker .slot-select option{color:#2b405c}

.slot-picker:after{content:"⌄";position:absolute;right:5px;top:50%;transform:translateY(-60%);color:#2b405c;pointer-events:none}

.login-id{display:inline-block;font-size:12px;color:#8392a5;margin-left:10px;font-weight:400}

#data-table.numbered-table thead tr:first-child th:first-child,#data-table.numbered-table tbody td:first-child:not([colspan]){width:48px;min-width:48px;max-width:48px;padding-left:8px;padding-right:8px}

.date-control{display:flex;align-items:center;position:relative;gap:4px;border:1px solid #d0dceb;border-radius:5px;background:white;padding:5px 7px;min-width:180px}.date-control:focus-within{outline:2px solid #bdd8fb}.date-segments{display:flex;align-items:center;gap:2px;flex:1}.date-control .date-part{border:0;border-radius:2px;padding:3px 0;text-align:center;outline:none;min-width:0;width:32px;max-width:32px}.date-control .date-part.year{width:56px;max-width:56px}.date-part:focus{background:#e7f0fd}.date-control .calendar-button{border:0;background:transparent;padding:2px 4px;font-size:20px;line-height:1;color:#314963}.native-date{position:absolute;width:1px!important;height:1px;padding:0;opacity:0;pointer-events:none}.legacy-date{font-size:11px;color:#8392a5;position:absolute;top:100%;left:0}.toolbar .date-control{min-width:180px}.date-segments span{color:#8392a5}

.date-control[data-invalid="true"]{border-color:#d9363e}

.readonly-table .account-select span{display:none}.readonly-table button:disabled{opacity:1;cursor:default}.readonly-table select:disabled,.readonly-table textarea:disabled{opacity:1;color:#2b405c;background:transparent;border-color:transparent}#user-management-dialog{width:min(1000px,94vw)}#login-user-table td:last-child{display:flex;gap:8px;justify-content:center}

.position-cell{display:flex;align-items:center;justify-content:center;gap:4px}.position-cell input{width:110px;text-align:center}.position-text{white-space:pre-wrap;min-width:70px;max-width:160px}

#placement-confirm{width:min(320px,calc(100vw - 32px));padding:20px;margin:auto}#placement-confirm h2{font-size:17px}#placement-confirm-detail{white-space:pre-line;line-height:1.8;margin:14px 0;color:#526881}#placement-confirm .dialog-footer{margin-top:12px;gap:8px}#placement-confirm button{padding:7px 16px}

#placement-confirm{position:fixed;margin:0;right:auto;bottom:auto}

.header-actions{align-items:center}.header-actions .login-id{margin-left:0;margin-right:8px;white-space:nowrap}

.slot-picker .slot-select{appearance:none;-webkit-appearance:none}.readonly-table .slot-picker .slot-select:disabled{color:transparent;-webkit-text-fill-color:transparent}.readonly-table .slot-picker:after{display:none}.readonly-table .slot-picker .slot-selected{right:10px}

#toast.near-copy{bottom:auto;transform:none;padding:6px 10px;font-size:12px;border-radius:5px;pointer-events:none;white-space:nowrap}

.column-filter{border:0;background:transparent;color:inherit;font-weight:600;font-size:inherit;padding:0}.column-filter:hover,.column-filter.is-filtered{color:var(--blue);background:transparent;text-decoration:underline;text-underline-offset:3px}#account-filter-dialog{position:fixed;margin:0;right:auto;bottom:auto;width:min(350px,calc(100vw - 24px));padding:18px}#account-filter-dialog h2{font-size:17px}#account-filter-fields>label,#account-filter-dates>label{display:flex;flex-direction:column;gap:7px;margin:12px 0}#account-filter-fields select{max-width:none;width:100%}

.date-segments{min-width:0}#account-filter-dialog{overflow-x:hidden}#account-filter-dates .date-control{width:100%}

#scan-history{width:min(1100px,94vw)}#scan-history-table{font-size:13px}

#data-table.pcs-table .count-cell{flex-direction:row;gap:6px}#data-table.pcs-table .count-actions{flex-direction:column;gap:2px}#data-table.pcs-table tbody td{padding-top:8px;padding-bottom:8px}#data-table.pcs-table .pc-note{min-height:44px;height:44px}

#data-table.accounts-table tbody td{padding-top:2px;padding-bottom:2px}#data-table.accounts-table .count-cell{gap:0}#data-table.accounts-table .count{padding-top:5px;padding-bottom:5px}#data-table.accounts-table .count-actions .copy{padding-top:0;padding-bottom:0;line-height:18px}

.warning-summary summary{cursor:pointer;font-weight:500}.warning-details{margin-top:10px;border-top:1px solid #ecd8ba;padding-top:4px}.warning-details p{margin:6px 0}

#data-table tbody tr:hover{background:var(--blue);color:white}#data-table tbody tr:hover .copy,#data-table tbody tr:hover .account-select,#data-table tbody tr:hover .position-text{color:white}#data-table tbody tr:hover .slot-selected,#data-table tbody tr:hover .slot-picker:after{color:#2b405c}
#data-table tbody tr:hover .copy:hover,#data-table tbody tr:hover .account-select:hover{background:transparent;color:white}

.import-error{white-space:pre-wrap;line-height:1.8;color:#b34545}

.slot-picker .slot-select{position:absolute;inset:0;opacity:0;pointer-events:none;visibility:hidden}.slot-trigger{width:100%;padding:8px 18px 8px 4px;font:inherit;color:#2b405c}.slot-trigger:disabled{opacity:1;cursor:default}.slot-picker:after{right:6px}#slot-search-dialog{position:fixed;margin:0;width:min(460px,calc(100vw - 24px));padding:10px;max-height:calc(100vh - 24px)}#slot-search-dialog::backdrop{background:transparent}.slot-search-heading{display:flex;gap:6px;margin-bottom:8px}.slot-search-heading input{flex:1;width:0}.slot-search-heading button{padding:4px 10px;font-size:20px}#slot-search-results{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:2px}.slot-search-option{justify-content:flex-start;text-align:left;white-space:normal;border:0;padding:9px 10px}.slot-search-option:hover,.slot-search-option:focus{background:var(--blue);color:white}.readonly-table .slot-picker:after{display:none}

.role-raw{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.role-stale{color:#b26a24}.role-token{width:100%;min-height:80px}#data-table tbody tr:hover .role-stale{color:#ffe2b5}

.role-update-time{display:inline-block;white-space:pre;text-align:center;line-height:1.45;min-width:96px}

#data-table.pcs-table tbody tr.role-face-row>td{background:#fff0f0;color:#26384f}#data-table.pcs-table tbody tr.role-face-row:hover>td{background:#ffe2e2}#data-table.pcs-table tbody tr.role-face-row .copy{color:var(--blue)}

#data-table.pcs-table .pc-count-cell{width:96px;min-width:96px;max-width:96px;padding-left:6px;padding-right:6px}#data-table.pcs-table .pc-count-cell .count-cell{gap:3px}#data-table.pcs-table .pc-count-cell .count{width:44px;padding-left:3px;padding-right:3px}#data-table.pcs-table .pc-count-cell .count-actions .copy{font-size:11px;padding-left:2px;padding-right:2px;margin-left:0}
#data-table.pcs-table .pc-count-cell{padding-left:2px;padding-right:2px}#data-table.pcs-table .pc-count-cell .count{width:54px}#data-table.pcs-table .pc-count-cell .count-cell{gap:2px}
#data-table.pcs-table .pc-note-cell{width:176px;min-width:176px;max-width:176px;padding-left:6px;padding-right:6px}#data-table.pcs-table .pc-note-cell .pc-note{width:112px}#data-table.pcs-table .pc-note-cell .copy{font-size:11px;padding-left:2px;padding-right:2px;margin-left:2px}

.role-game-id{border:0;background:transparent;padding:0;color:var(--blue);font:inherit;text-decoration:underline;text-underline-offset:3px}.role-game-id:hover{background:transparent}.role-game-id:disabled{color:inherit;text-decoration:none;cursor:default;opacity:1}#data-table tbody tr:hover .role-game-id{color:white}#data-table.pcs-table tbody tr.role-face-row .role-game-id{color:var(--blue)}

/* Compact PC table: columns target two thirds of their previous rendered widths. */
#data-table.pcs-table tbody tr{height:44px}#data-table.pcs-table tbody td{padding-top:3px;padding-bottom:3px}
#data-table.pcs-table .pc-computer-cell{width:40px;min-width:40px;max-width:40px;padding-left:2px;padding-right:2px}
#data-table.pcs-table .pc-account-cell{width:67px;min-width:67px;max-width:67px;padding-left:3px;padding-right:3px}#data-table.pcs-table .pc-account-cell .slot-picker{width:59px}#data-table.pcs-table .pc-account-cell .slot-trigger{padding:3px 12px 3px 1px;font-size:12px;line-height:18px}
#data-table.pcs-table .preset-server-cell{min-width:96px;text-align:center}#data-table .preset-server-select{width:80px;min-width:80px;max-width:80px;text-align:center;text-align-last:center}
#data-table.accounts-table .preset-server-cell{min-width:118px;padding-left:4px;padding-right:4px}#data-table.accounts-table .preset-server-select{width:100%;min-width:108px;max-width:none;padding-left:6px;padding-right:22px}
#data-table.accounts-table .account-count-cell{min-width:78px;padding-left:2px;padding-right:2px}#data-table.accounts-table .account-count-cell .count-cell{width:100%;gap:2px}#data-table.accounts-table .account-count-cell .count{width:54px;padding-left:2px;padding-right:2px}#data-table.accounts-table .account-count-cell .count-actions{gap:1px}#data-table.accounts-table .account-count-cell .count-actions .copy{padding-left:2px;padding-right:2px;font-size:11px}
#data-table.pcs-table .pc-group-cell{width:92px;min-width:92px;max-width:92px;padding-left:3px;padding-right:3px;white-space:normal}#data-table.pcs-table .pc-group-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.25}
#data-table.pcs-table .role-col-character_name{width:57px;min-width:57px;max-width:57px;padding-left:3px;padding-right:3px}#data-table.pcs-table .role-game-id{width:50px;max-width:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#data-table.pcs-table .role-col-received_at{width:78px;min-width:78px;max-width:78px;padding-left:3px;padding-right:3px}#data-table.pcs-table .role-update-time{min-width:0;font-size:12px;line-height:1.25}
#data-table.pcs-table .pc-note{height:28px;min-height:28px;padding:4px 6px}#data-table.pcs-table .count{height:28px;padding-top:4px;padding-bottom:4px}#data-table.pcs-table .count-actions{gap:0}#data-table.pcs-table .pc-count-cell .count-actions .copy{padding-top:0;padding-bottom:0;line-height:16px}

#pc-layout-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:16px;margin:14px 0}.pc-width-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pc-width-fields label{display:flex;align-items:center;gap:6px;font-size:12px}.pc-width-fields input{width:65px;padding:5px}.pc-width-fields span{color:#8392a5}#pc-layout-panel .dialog-footer{margin-top:12px}
#data-table.pcs-table.custom-pc-layout{table-layout:fixed;min-width:0;max-width:none}#data-table.pcs-table.custom-pc-layout th,#data-table.pcs-table.custom-pc-layout td{width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden;text-overflow:ellipsis;padding-left:3px;padding-right:3px}#data-table.pcs-table.custom-pc-layout .slot-picker{width:100%;max-width:80px}#data-table.pcs-table.custom-pc-layout .pc-group-text{max-width:100%}#data-table.pcs-table.custom-pc-layout .role-game-id{width:100%;max-width:none}#data-table.pcs-table.custom-pc-layout .role-update-time{max-width:100%}#data-table.pcs-table.custom-pc-layout .pc-note{width:calc(100% - 55px);min-width:16px}#data-table.pcs-table.custom-pc-layout .count{max-width:100%}
#data-table.pcs-table.custom-pc-layout .preset-server-select{width:100%;min-width:0;max-width:100%}
#account-layout-panel{padding:16px;margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:8px}
#data-table.accounts-table.custom-account-layout{table-layout:fixed;min-width:0;max-width:none}
#data-table.accounts-table.custom-account-layout th,#data-table.accounts-table.custom-account-layout td{width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden;text-overflow:ellipsis;padding-left:3px;padding-right:3px}
#data-table.accounts-table.custom-account-layout select{width:100%;min-width:0;max-width:100%}
#data-table.accounts-table.custom-account-layout button,#data-table.accounts-table.custom-account-layout input{max-width:100%;box-sizing:border-box}
#data-table.accounts-table.custom-account-layout .count-actions{flex-wrap:wrap}

#data-table.pcs-table .pc-note-cell [data-save-machine]{writing-mode:vertical-rl;text-orientation:upright;line-height:13px;padding:0 2px;margin:0 0 0 3px;vertical-align:middle}#data-table.pcs-table .pc-note{vertical-align:middle}#data-table.pcs-table.custom-pc-layout .pc-note{width:calc(100% - 24px)}
@media(min-width:701px){#data-table.pcs-table .pc-live-data-group,#data-table.pcs-table .pc-live-data-start,#data-table.pcs-table .role-col-server_name{border-left:2px solid #b9cde5}}

#data-table.pcs-table tbody tr.role-face-row>td{background:#dc3545;color:#fff}#data-table.pcs-table tbody tr.role-face-row:hover>td{background:#bd2433}#data-table.pcs-table tbody tr.role-face-row .copy,#data-table.pcs-table tbody tr.role-face-row .copy-value,#data-table.pcs-table tbody tr.role-face-row .role-game-id{color:#fff}

/* Phone view keeps the same editing controls and turns each PC row into a card. */
.mobile-label,.mobile-pc-toggle,.mobile-pc-filters,.mobile-level-coins,#mobile-menu-toggle{display:none}
@media(max-width:700px){
 header{position:relative;align-items:center;padding:10px 14px;gap:8px}.brand strong{font-size:15px}.brand small{margin-top:0}.brand-mark{width:34px;height:34px;font-size:19px}#mobile-menu-toggle{display:inline-flex;margin-left:auto;min-height:40px;font-size:14px;padding:7px 12px}.header-actions{display:none;position:absolute;z-index:20;top:100%;right:10px;width:min(280px,calc(100vw - 20px));max-width:none;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;box-shadow:0 10px 25px #19355725}.mobile-menu-open .header-actions{display:flex;flex-direction:column;align-items:stretch}.header-actions .login-id{padding:8px}.header-actions .button,header .header-actions button{font-size:14px;min-height:42px;justify-content:flex-start;padding:8px 12px}
 main{padding:12px}nav{margin-bottom:14px}nav button{flex:1;min-height:42px;font-size:14px;padding:8px}.page-heading{margin-bottom:12px}.page-heading h1{font-size:20px;margin-bottom:2px}.toolbar-row{gap:8px;margin-bottom:8px}.toolbar-row #toolbar{flex:1 1 100%;gap:8px}.toolbar-row #toolbar>#search{max-width:none;width:100%;min-height:42px}.mobile-pc-filters{display:flex;width:100%;gap:6px;overflow-x:auto}.mobile-pc-filter{display:inline-flex;white-space:nowrap;min-height:36px;padding:6px 10px;font-size:12px}.mobile-pc-filter.is-filtered{border-color:var(--blue);background:#e7f0fd;color:var(--blue)}.toolbar-row #page-actions{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:6px;padding-bottom:3px}.toolbar-row #page-actions button{white-space:nowrap;min-height:40px;font-size:13px}.summary{line-height:1.5;margin:8px 0}
 .pcs-wrap{overflow:visible;border:0;background:transparent}.pcs-wrap #data-table.pcs-table{display:block;width:100%!important;min-width:0!important;max-width:none!important;table-layout:auto!important;border-spacing:0}.pcs-wrap #data-table.pcs-table colgroup,.pcs-wrap #data-table.pcs-table thead{display:none}.pcs-wrap #data-table.pcs-table tbody{display:flex;flex-direction:column;gap:10px}.pcs-wrap #data-table.pcs-table tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;gap:7px 10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #1839600b;color:#26384f}.pcs-wrap #data-table.pcs-table tbody tr:hover{background:#fff;color:#26384f}.pcs-wrap #data-table.pcs-table tbody tr.role-face-row,.pcs-wrap #data-table.pcs-table tbody tr.role-face-row:hover{background:#dc3545;color:#fff;border-color:#dc3545}.pcs-wrap #data-table.pcs-table tbody tr>td,.pcs-wrap #data-table.pcs-table.custom-pc-layout tbody tr>td{display:block;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible;text-overflow:clip;white-space:normal;border:0;padding:0;text-align:left;font-size:13px;line-height:1.35;background:transparent;color:inherit}.pcs-wrap #data-table.pcs-table tbody tr.role-face-row>td,.pcs-wrap #data-table.pcs-table tbody tr.role-face-row:hover>td{background:transparent;color:#fff}.pcs-wrap #data-table.pcs-table tbody tr>td.empty{grid-column:1/-1;padding:24px;text-align:center}
 .pcs-wrap #data-table.pcs-table .mobile-label{display:block;font-size:11px;color:#8090a5;margin-bottom:3px}.pcs-wrap #data-table.pcs-table tr.role-face-row .mobile-label{color:#ffe4e8}.pcs-wrap #data-table.pcs-table .pc-computer-cell{grid-column:span 2;order:1;display:flex;align-items:center;gap:8px}.pcs-wrap #data-table.pcs-table .pc-computer-cell strong{font-size:16px}.pcs-wrap #data-table.pcs-table .mobile-pc-toggle{display:inline-flex;min-height:30px;padding:3px 8px;font-size:12px}.pcs-wrap #data-table.pcs-table .role-col-reported_status{grid-column:span 2;order:2;text-align:right}.pcs-wrap #data-table.pcs-table .pc-account-cell{grid-column:span 2;order:3}.pcs-wrap #data-table.pcs-table .role-col-character_name{grid-column:span 2;order:4}.pcs-wrap #data-table.pcs-table .role-col-server_name{grid-column:span 2;order:5}.pcs-wrap #data-table.pcs-table .role-col-level{grid-column:span 1;order:6}.pcs-wrap #data-table.pcs-table .role-col-raw_value_1{grid-column:span 1;order:7}.pcs-wrap #data-table.pcs-table .pc-count-cell{grid-column:1/-1;order:8;border-top:1px solid var(--line);padding-top:8px!important}.pcs-wrap #data-table.pcs-table .pc-account-id-cell{grid-column:span 2;order:9}.pcs-wrap #data-table.pcs-table .preset-server-cell{grid-column:span 2;order:10}.pcs-wrap #data-table.pcs-table .pc-group-cell{grid-column:1/-1;order:11}.pcs-wrap #data-table.pcs-table .pc-wechat-cell{grid-column:span 2;order:12}.pcs-wrap #data-table.pcs-table .role-col-map_name{grid-column:span 2;order:13}.pcs-wrap #data-table.pcs-table .role-col-received_at{grid-column:span 2;order:14}.pcs-wrap #data-table.pcs-table .pc-note-cell{grid-column:1/-1;order:15}
 .pcs-wrap #data-table.pcs-table tbody tr:not(.mobile-expanded)>td:is(.pc-account-id-cell,.preset-server-cell,.pc-group-cell,.pc-wechat-cell,.role-col-map_name,.role-col-received_at,.pc-note-cell){display:none}.pcs-wrap #data-table.pcs-table tbody tr.mobile-idle>td:is(.role-col-server_name,.role-col-character_name,.role-col-level,.role-col-raw_value_1,.role-col-map_name,.role-col-reported_status,.role-col-received_at,.pc-count-cell){display:none}.pcs-wrap #data-table.pcs-table .slot-picker,.pcs-wrap #data-table.pcs-table .slot-trigger{width:100%;max-width:none;min-height:38px}.pcs-wrap #data-table.pcs-table .role-game-id,.pcs-wrap #data-table.pcs-table.custom-pc-layout .role-game-id{display:inline-block;width:auto;max-width:100%;-webkit-line-clamp:unset;font-size:14px}.pcs-wrap #data-table.pcs-table .role-update-time{min-width:0;text-align:left;white-space:pre-line}.pcs-wrap #data-table.pcs-table .preset-server-select{width:100%;max-width:none;min-height:38px}.pcs-wrap #data-table.pcs-table .pc-group-text{display:block;max-width:none;-webkit-line-clamp:unset}.pcs-wrap #data-table.pcs-table .pc-count-cell .count-cell{justify-content:flex-start}.pcs-wrap #data-table.pcs-table .pc-count-cell .count{width:68px;min-height:38px}.pcs-wrap #data-table.pcs-table .pc-count-cell .count-actions{flex-direction:row;gap:6px}.pcs-wrap #data-table.pcs-table .pc-count-cell .count-actions .copy{font-size:13px;min-width:48px;min-height:36px;padding:5px 8px;border:1px solid var(--line);background:#fff;color:var(--blue)}.pcs-wrap #data-table.pcs-table .pc-note-cell .pc-note,.pcs-wrap #data-table.pcs-table.custom-pc-layout .pc-note{width:calc(100% - 62px);min-height:42px;height:42px}.pcs-wrap #data-table.pcs-table .pc-note-cell [data-save-machine]{writing-mode:horizontal-tb;text-orientation:mixed;line-height:1.4;min-height:38px;padding:5px 8px;margin-left:6px}.pcs-wrap #data-table.pcs-table tr.role-face-row .role-game-id,.pcs-wrap #data-table.pcs-table tr.role-face-row .copy-value{color:#fff}
 .pcs-wrap #data-table.pcs-table .role-col-coins{grid-column:span 1;order:7}.pcs-wrap #data-table.pcs-table tbody tr.mobile-idle>td.role-col-coins{display:none}.pcs-wrap #data-table.pcs-table tbody tr>td.role-col-reported_status{text-align:right}.pcs-wrap #data-table.pcs-table tbody tr>td.pc-computer-cell{display:flex}.pcs-wrap #data-table.pcs-table tbody tr:hover .role-game-id,.pcs-wrap #data-table.pcs-table tbody tr:hover .copy-value{color:var(--blue)}.pcs-wrap #data-table.pcs-table tbody tr.role-face-row:hover .role-game-id,.pcs-wrap #data-table.pcs-table tbody tr.role-face-row:hover .copy-value{color:#fff}
}
@media(max-width:700px){
 .pcs-wrap #data-table.pcs-table tbody tr{grid-template-columns:repeat(12,minmax(0,1fr))!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-computer-cell{grid-column:span var(--mobile-computer-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-cell{grid-column:span var(--mobile-account-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-reported_status{grid-column:span var(--mobile-status-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-received_at{grid-column:span var(--mobile-updated-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-id-cell{grid-column:span var(--mobile-account_id-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-game-id-cell{grid-column:span var(--mobile-account_game_id-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.preset-server-cell{grid-column:span var(--mobile-preset_server-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-group-cell{grid-column:span var(--mobile-group-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-count-cell{grid-column:span var(--mobile-count-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-character_name{grid-column:span var(--mobile-game-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-server_name{grid-column:span var(--mobile-server-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-level{grid-column:span var(--mobile-level-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-map_name{grid-column:span var(--mobile-map-span,3)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-wechat-cell{grid-column:span var(--mobile-wechat-span,6)!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-note-cell{grid-column:span var(--mobile-note-span,6)!important}
}

/* Mobile PC card: compact account selector, prominent game ID, visible preset/group. */
@media(max-width:700px){
 .pcs-wrap #data-table.pcs-table tbody tr{gap:11px 10px;padding:14px 12px}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-cell{grid-column:span 1;order:3}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-character_name{grid-column:span 3;order:4}
 .pcs-wrap #data-table.pcs-table tbody tr>td.preset-server-cell{display:block!important;grid-column:span 2;order:5}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-server_name{grid-column:span 2;order:6}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-group-cell{display:block!important;grid-column:1/-1;order:7}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-level{grid-column:span 1;order:8}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-coins{grid-column:span 3;order:9}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-count-cell{order:10}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-id-cell{order:11}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-wechat-cell{order:12}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-map_name{order:13}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-received_at{order:14}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-note-cell{order:15}
 .pcs-wrap #data-table.pcs-table .pc-account-cell .slot-picker{width:100%;max-width:none}
 .pcs-wrap #data-table.pcs-table .pc-account-cell .slot-trigger{min-height:36px;padding:5px 18px 5px 6px;font-size:13px}
 .pcs-wrap #data-table.pcs-table .role-col-character_name .role-game-id{font-size:18px;line-height:1.3;font-weight:600;text-align:left;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
 .pcs-wrap #data-table.pcs-table .preset-server-cell .preset-server-select{min-height:36px}
 .pcs-wrap #data-table.pcs-table .pc-group-cell .pc-group-text{line-height:1.35;overflow-wrap:anywhere}
 .pcs-wrap #data-table.pcs-table tbody tr.mobile-idle>td.preset-server-cell,.pcs-wrap #data-table.pcs-table tbody tr.mobile-idle>td.pc-group-cell{display:none!important}
}

/* The requested twelve-cell phone layout follows the paper sketch, row by row. */
@media(max-width:700px){
 .pcs-wrap #data-table.pcs-table tbody tr{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px}
 .pcs-wrap #data-table.pcs-table tbody tr>td,.pcs-wrap #data-table.pcs-table.custom-pc-layout tbody tr>td{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:5px 2px!important;border:1px solid #dce5ef;border-radius:4px;background:#f8fbff;text-align:center;overflow-wrap:anywhere;line-height:1.2}
 .pcs-wrap #data-table.pcs-table tbody tr.role-face-row>td,.pcs-wrap #data-table.pcs-table tbody tr.role-face-row:hover>td{background:#c62e3e;border-color:#f18a96;color:#fff}
 .pcs-wrap #data-table.pcs-table tbody tr>td .mobile-label{font-size:10px;line-height:1.1;margin:0;color:#768aa4}
 .pcs-wrap #data-table.pcs-table tbody tr.role-face-row>td .mobile-label{color:#ffdde1}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-computer-cell{grid-column:span 1;order:1;display:flex;flex-direction:column;gap:2px}
 .pcs-wrap #data-table.pcs-table .pc-computer-cell strong{font-size:14px}
 .pcs-wrap #data-table.pcs-table .mobile-pc-toggle{min-height:21px;padding:1px 5px;font-size:10px}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-cell{grid-column:span 1;order:2}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-reported_status{grid-column:span 1;order:3;text-align:center}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-received_at{display:flex!important;grid-column:span 1;order:4}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-id-cell{display:flex!important;grid-column:span 1;order:5}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-game-id-cell{display:flex!important;grid-column:span 1;order:6}
 .pcs-wrap #data-table.pcs-table tbody tr>td.preset-server-cell{display:flex!important;grid-column:span 1;order:7}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-group-cell{display:flex!important;grid-column:span 1;order:8}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-count-cell{grid-column:span 1;order:9;border:1px solid #dce5ef;padding:4px 2px!important}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-character_name{grid-column:span 1;order:10}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-server_name{grid-column:span 1;order:11}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-level{grid-column:span 1;order:12}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-map_name{display:flex!important;grid-column:span 1;order:13}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-coins{display:none}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-wechat-cell{grid-column:span 2;order:14}
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-note-cell{grid-column:span 2;order:15}
 .pcs-wrap #data-table.pcs-table .mobile-level-coins{display:block}
 .pcs-wrap #data-table.pcs-table tbody tr>td.role-col-level{flex-direction:column;flex-wrap:nowrap;align-content:center;gap:2px;white-space:nowrap}
 .pcs-wrap #data-table.pcs-table .role-col-level .mobile-label{flex:0 0 auto;white-space:normal}
 .pcs-wrap #data-table.pcs-table .role-col-received_at .role-update-time{font-size:10px;white-space:pre-line;text-align:center;line-height:1.15}
 .pcs-wrap #data-table.pcs-table .pc-account-cell .slot-picker,.pcs-wrap #data-table.pcs-table .pc-account-cell .slot-trigger{width:100%;min-width:0;max-width:none}
 .pcs-wrap #data-table.pcs-table .pc-account-cell .slot-trigger{min-height:30px;padding:3px 13px 3px 1px;font-size:11px;white-space:nowrap}
 .pcs-wrap #data-table.pcs-table .preset-server-cell .preset-server-select{width:100%;min-width:0;min-height:30px;padding:2px;font-size:11px}
 .pcs-wrap #data-table.pcs-table .pc-group-cell .pc-group-text{font-size:11px;overflow-wrap:anywhere;line-height:1.15}
 .pcs-wrap #data-table.pcs-table .role-col-character_name .role-game-id{max-width:100%;font-size:12px;line-height:1.2;text-align:center;font-weight:600;overflow-wrap:anywhere}
 .pcs-wrap #data-table.pcs-table .pc-count-cell .count-cell{width:100%;flex-direction:column;gap:3px}
 .pcs-wrap #data-table.pcs-table .pc-count-cell .count{width:100%;height:27px;min-height:27px;padding:2px;font-size:11px}
 .pcs-wrap #data-table.pcs-table .pc-count-cell .count-actions{width:100%;display:flex;flex-direction:row;gap:2px}
 .pcs-wrap #data-table.pcs-table .pc-count-cell .count-actions .copy{flex:1;min-width:0;min-height:24px;padding:2px!important;font-size:10px;line-height:1.1}
 .pcs-wrap #data-table.pcs-table .pc-account-id-cell .copy-value,.pcs-wrap #data-table.pcs-table .pc-account-game-id-cell .copy-value{padding:2px;font-size:11px;overflow-wrap:anywhere;white-space:normal}
 .pcs-wrap #data-table.pcs-table tbody tr.mobile-idle>td:is(.role-col-received_at,.pc-account-id-cell,.pc-account-game-id-cell,.preset-server-cell,.pc-group-cell,.role-col-map_name){display:none!important}
}
@media(max-width:700px){
 .toolbar-row #toolbar,.toolbar-row:has(#status-filter) #toolbar{display:flex;flex:1 1 100%;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}
 .toolbar-row #toolbar>#search{flex:1 1 0;width:0;min-width:0;max-width:none;min-height:36px;padding:6px 8px;font-size:12px}
 .toolbar-row #toolbar>#status-filter{flex:0 0 96px;width:96px;max-width:96px;min-height:36px;padding:5px 6px;font-size:12px}
 .toolbar-row .mobile-pc-filters{display:flex;flex:0 0 auto;width:auto;gap:4px;overflow:visible}
 .toolbar-row .mobile-pc-filter{min-height:36px;padding:5px 7px;font-size:11px}
 .toolbar-row #page-actions{width:100%;gap:5px;margin-top:0}
 .toolbar-row #page-actions button{min-height:34px;padding:5px 9px;font-size:12px}
}
.server-health{display:flex;align-items:center;gap:14px;margin-left:auto;padding:0 2px 0 16px;color:#63758c;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.server-health span{display:inline-block}
@media(max-width:700px){nav{flex-wrap:wrap}.server-health{order:2;flex:1 0 100%;justify-content:flex-end;gap:10px;margin-left:0;padding:0 0 8px;font-size:11px}}
.status.temporary{background:#fff0e9;color:#ad5e4a}
#data-table.pcs-table .pc-account-status-cell{min-width:70px;padding-left:3px;padding-right:3px}
#data-table.pcs-table .pc-status-select{width:64px;min-width:0;max-width:100%;padding:4px 2px;text-align:center;text-align-last:center}
#data-table.pcs-table tbody tr.pc-temp-ban-row:not(.role-face-row)>td{background:#fff0f0;color:#26384f}
#data-table.pcs-table tbody tr.pc-temp-ban-row:not(.role-face-row):hover>td{background:#ffe4e4}
#editor.pc-status-dialog{width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:18px;right:auto;bottom:auto}
#editor.pc-status-dialog .dialog-heading{margin-bottom:14px}
#editor.pc-status-dialog .pc-status-fields{display:grid;grid-template-columns:1fr;gap:13px}
#editor.pc-status-dialog .pc-status-summary{margin:0;line-height:1.7}
#editor.pc-status-dialog .pc-status-fields>label{display:flex;flex-direction:column;gap:7px;color:#65778e}
#editor.pc-status-dialog .pc-status-fields input{width:100%;max-width:none}
@media(max-width:700px){
 .pcs-wrap #data-table.pcs-table tbody tr>td.pc-account-status-cell{grid-column:span var(--mobile-account_status-span,3)!important;order:2}
 .pcs-wrap #data-table.pcs-table tbody tr.pc-temp-ban-row:not(.role-face-row){background:#fff0f0}
 .pcs-wrap #data-table.pcs-table tbody tr.pc-temp-ban-row:not(.role-face-row):hover{background:#ffe4e4}
 .pcs-wrap #data-table.pcs-table tbody tr.mobile-idle>td.pc-account-status-cell{display:none}
 .pcs-wrap #data-table.pcs-table .pc-status-select{width:100%;min-height:36px}
}