.mobile-stat-label,.mobile-mod-label{min-width:0;margin:0;display:block}.mobile-stat-label>span,.mobile-mod-label>span{display:none}
#invitationRegisterPage{max-width:780px!important;background:transparent;border:0;box-shadow:none}
#invitationRegisterPage .login-wrap{max-width:none;margin:0}
#invitationRegisterForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#invitationRegisterForm[hidden]{display:none}
#invitationRegisterForm .field{margin:0;min-width:0}
#invitationRegisterForm #inviteGroupNameField{grid-column:1/-1}
#invitationRegisterForm>button{justify-self:start;grid-column:1/-1}
#historicalBanner{box-sizing:border-box;width:calc(100% - (2 * var(--sheet-frame-gutter)));max-width:var(--sheet-frame-max);margin:16px auto;background:#AD8B56;color:#111;border-color:#AD8B56;justify-content:space-between}
.history-banner-identity{display:grid;gap:8px;min-width:0}.history-banner-actions{display:flex;flex-wrap:wrap;gap:10px}
#historicalBanner .secondary-btn{background:transparent!important;color:#111!important;border:1px solid #111!important}
#historicalBanner .primary-btn{background:#191815!important;color:#fff!important;border:1px solid #191815!important}
#historicalBanner button:focus-visible{outline:2px solid #111;outline-offset:3px}
#historicalBanner button:disabled{opacity:.55;cursor:default}
.batch-confirmation{width:min(480px,calc(100% - 32px));box-sizing:border-box;padding:20px;background:var(--de-panel);color:var(--de-text);border:1px solid var(--de-accent)}.batch-confirmation::backdrop{background:#0009}.batch-confirmation p{line-height:1.5}
#usersPage .user-search>.field:first-child{flex:0 1 320px;min-width:140px}
.user-stats{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.user-role-pie{width:160px;aspect-ratio:1;border-radius:50%;flex:none}.user-stats p{margin:8px 0}
.group-invitation-url{width:100%;box-sizing:border-box}.group-invitation-qr{display:block;width:180px;max-width:100%;margin:16px 0}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--de-structure)}.history-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px solid var(--de-accent);padding:12px;margin-bottom:14px}.history-banner[hidden]{display:none}
@media(max-width:700px){
 #invitationRegisterPage{max-width:460px!important;padding:12px;margin:18px auto}
 #invitationRegisterForm{grid-template-columns:minmax(0,1fr)}
 #historicalBanner{width:calc(100% - 24px);margin:12px}
 .history-banner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .history-banner-actions button{min-width:0}
 #usersPage .user-search{flex-wrap:wrap}#usersPage .user-search>.field:first-child{flex:1 1 160px}
 .sheet-data-table,.sheet-data-table tbody{display:block!important;width:100%!important;min-width:0!important;border:0!important}
 .sheet-data-table thead{display:none!important}
 .sheet-data-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:12px!important;width:100%!important;box-sizing:border-box;height:auto!important;margin-bottom:12px;padding:12px!important;border:1px solid var(--de-structure)!important;background:var(--de-panel)!important}
 .sheet-data-table tbody td{display:block!important;position:relative!important;min-width:0!important;width:auto!important;height:auto!important;border:0!important;padding:0!important;background:transparent!important}
 .sheet-data-table tbody td::before{display:block!important;position:static!important;content:attr(data-label);margin-bottom:6px;font-size:10px!important;line-height:1.2!important;color:var(--de-muted)!important}
 .sheet-data-table tbody td[data-label="Name"],.sheet-data-table tbody td[data-label="Check Type"],.sheet-data-table tbody td[data-label="Notes & Upgrades"],.sheet-data-table tbody td[data-label="Mana Used"]{grid-column:1/-1!important}
 .sheet-data-table tbody td[data-label="Stat + Mod"]::before{display:none!important}
 .sheet-data-table tbody td[data-label="Stat + Mod"]{grid-column:2!important;grid-row:2!important}
 .sheet-data-table tbody td[data-label="Rank"]{grid-column:1!important;grid-row:2!important}
 .sheet-data-table tbody td[data-label="Name"]{grid-row:1!important}
 .sheet-data-table .skill-stat-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;padding:0!important;border:0!important}
 .skill-stat-wrap .skill-plus{display:none!important}
 .mobile-stat-label,.mobile-mod-label{display:grid;gap:6px!important;font-size:10px!important;color:var(--de-muted)!important;text-transform:uppercase}
 .mobile-stat-label>span,.mobile-mod-label>span{display:block;line-height:1.2}
 .sheet-data-table tbody td :is(input:not([type="checkbox"]),textarea,select,.dcc-select-button){border:1px solid var(--de-control-line)!important;box-sizing:border-box;width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;margin:0!important}
 .sheet-data-table tbody td :is(.dcc-select,.dcc-number-stepper,.row-name-control){width:100%;min-width:0;border:0!important}
 .sheet-data-table .skill-mod{height:44px!important;padding:8px!important}
 .sheet-data-table tbody td textarea{min-height:88px!important;resize:vertical!important}
 .sheet-data-table tbody td.skill-check-cell,.sheet-data-table tbody td[data-label="Hotlist"]{display:flex!important;align-items:center;gap:12px;min-height:44px}
 .sheet-data-table tbody td.skill-check-cell::before,.sheet-data-table tbody td[data-label="Hotlist"]::before{margin:0}
 .sheet-data-table input[type="checkbox"]{width:24px!important;height:24px!important;margin:0!important}
 .inventory-table tbody tr{grid-template-columns:minmax(0,1fr)!important}
 .inventory-table tbody td{grid-column:1!important;grid-row:auto!important}
 .inventory-table tbody td[data-label="Name"]{grid-row:1!important}
 .attack-record{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
 .attack-record .row-drag-handle{grid-column:1;grid-row:1/4}
 .attack-record .attack-group{grid-column:2!important;min-width:0!important}
 .attack-record .attack-name-group{grid-template-columns:minmax(0,1fr)!important}
 .attack-record .attack-hit-group,.attack-record .attack-damage-group{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .attack-record .attack-group::before{grid-column:1/-1!important}
 .attack-record .attack-damage-group label:last-child{grid-column:1/-1!important}
 .attack-record .attack-group :is(input,textarea,select,.dcc-select-button){min-height:44px!important;width:100%!important;min-width:0!important;box-sizing:border-box}
 .attack-record .attack-group textarea{min-height:88px!important}
 .combat-attribute-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.combat-attribute-grid .size-field{grid-column:1/-1}
 .combat-formula-row.evade-row{grid-template-columns:auto minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)!important;gap:3px!important;align-items:end}
 .combat-formula-row.evade-row .combat-title{grid-column:auto!important;white-space:nowrap;align-items:center;align-self:end;height:44px!important;font-size:10px!important;gap:3px!important;overflow-wrap:normal}
 .combat-formula-row.evade-row .combat-title .evade-d20{margin:0!important}
 .combat-formula-row.evade-row .combat-title .evade-label-op{border:0!important;margin:0!important;padding:0!important}
 .combat-formula-row.evade-row .combat-field label{font-size:8px!important;white-space:nowrap}
 .combat-formula-row.evade-row .combat-field input{height:44px!important;min-height:44px!important;padding-left:3px!important;font-size:12px!important}
 .combat-formula-row.evade-row>.combat-op{height:44px!important;align-items:center!important;border:0!important;margin:0!important;padding:0!important}
 .dcc-number-stepper{--step-hit-width:40%;--step-text-padding:40%}
 .dcc-number-buttons{overflow:visible;grid-template-rows:1fr 1fr}
 .dcc-number-buttons>button.dcc-number-step{min-height:24px!important;min-width:24px;height:24px!important}
 .dcc-number-stepper>input,.sheet-data-table .dcc-number-stepper>input{min-height:48px!important;height:48px!important}
 .dcc-number-step::after{opacity:1}
}