html[data-text-scale]{font-size:calc(16px * var(--text-scale,1))}
/* Generated by scripts/build-text-scale.mjs. Font sizes only; layout dimensions stay unchanged. */
/* styles.css */
html[data-text-scale] body{font-size:calc((var(--base)) * var(--text-scale,1))!important}
html[data-text-scale] button,
html[data-text-scale] input,
html[data-text-scale] select,
html[data-text-scale] textarea{font-size:inherit!important}
html[data-text-scale] input,
html[data-text-scale] select,
html[data-text-scale] textarea{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] h1{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] h3{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .wordmark strong{font-size:calc((23px) * var(--text-scale,1))!important}
html[data-text-scale] .wordmark>span{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .wordmark sup{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .header-controls{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .sample-label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .month-select{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .header-write{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .header-settings{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .section-nav button{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .button.sm{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .text-button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .member-link{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .day-switch button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .page-tabs button{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .page-tabs button small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .toolbar,
html[data-text-scale] .table-tools{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .table-tools{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .table-tools .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .filter-group button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .select-field{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .search-input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .inline-check{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .plain-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .plain-notice{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .field-help,
html[data-text-scale] .helper{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .no-rows{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] table{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] thead th{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] th small,
html[data-text-scale] td small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] tbody th{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] td.numeric{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-heading h2 small{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .sort-button{font-size:inherit!important}
html[data-text-scale] .damage-edit{font-size:inherit!important}
html[data-text-scale] .type-tag{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .progress-cell{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .progress-cell small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .log-manage .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .pagination{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .pagination button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .fold>summary{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .winner-cell{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .count{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number{font-size:calc((31px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((21px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-status{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-number{font-size:calc((24px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-description strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-remaining{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-basic,
html[data-text-scale] .slot-carry{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-basic small,
html[data-text-scale] .slot-carry small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-carry{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .unused-slot{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-field label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-carry{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table.expanded{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table.expanded td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .small-log .member-link{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .unit-face{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .unit strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit-face{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .star-sequence{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .plan-slot-sheet .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-metadata{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head>div>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-actions .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-control-row .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid thead th{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid thead th:nth-child(7){font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid .instruction-cell{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .instruction-cell textarea{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .work-bottom .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-bottom>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .source-links{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-note{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-lineup-form label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-lineup-form select{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .estimate-result>span{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .estimate-result>strong{font-size:calc((26px) * var(--text-scale,1))!important}
html[data-text-scale] .estimate-result #estimate-error{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .remaining-calculation{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .remaining-calculation strong{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] .code-output{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .converter-lineup label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .converter-lineup select,
html[data-text-scale] .converter-lineup input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-title h2{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-title>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .totals-line dt{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .totals-line dd{font-size:calc((23px) * var(--text-scale,1))!important}
html[data-text-scale] .donut>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .donut>span strong{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .share-legend>div{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-selector{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .subview-tabs button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .coefficient-table td,
html[data-text-scale] .top-damage-table td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-table td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-table .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .settings-navigation button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .setting-row h3{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .setting-row p{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .setting-row input[type=file]{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .stage-config-tabs button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-config-table input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .character-thumb{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .character-table .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .crop-controls label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .image-upload-label{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .image-upload-label input{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .image-thumbnails button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .import-row-head{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .import-row-head .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .field label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .field small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-head h2{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-body>p{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-body .timeline-table td{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .preview-values>div{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .log-hp-preview{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .toast-message{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .toast-message button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .set-grid .instruction-cell,
html[data-text-scale][data-readability=large] .instruction-cell textarea{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] table td,
html[data-text-scale][data-readability=large] td.numeric{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .member-link{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .work-item>strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .unit strong{font-size:calc((14px) * var(--text-scale,1))!important}
@media(min-width:1700px){
html[data-text-scale] .boss-remaining{font-size:calc((23px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small,
html[data-text-scale] .boss-status{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid .instruction-cell{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head h2{font-size:calc((18px) * var(--text-scale,1))!important}
}
@media(max-width:1100px){
html[data-text-scale] .boss-number{font-size:calc((26px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-status{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-basic,
html[data-text-scale] .slot-carry{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-carry{font-size:calc((10px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .wordmark strong{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .wordmark>span{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .wordmark sup{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .header-controls{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .month-select{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .header-write{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .header-settings{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .sample-label{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .page-heading h1{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .heading-actions .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .day-switch button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .page-tabs button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .page-tabs button small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .mobile-nav button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line .push{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number{font-size:calc((27px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-number{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-number small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-description small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-remaining{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-heading h2{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-actions .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .toolbar .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .toolbar .filter-group button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .toolbar label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .search-input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .select-field{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .table-tools{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .table-tools .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .inline-check{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] table{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] thead th{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .member-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-tag{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .type-tag{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .small-log .member-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .small-log td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .small-log td small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .dashboard-member .member-link{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .mobile-slot-totals{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-basic,
html[data-text-scale] .slot-carry{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-basic .numeric,
html[data-text-scale] .slot-carry .numeric{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-basic small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .slot-carry{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .unused-slot{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-field select{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-field label{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-field input{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-carry{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .quick-log .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .member-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .type-tag{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .boss-tag{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .log-manage .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table.expanded tbody td{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table.expanded td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .pagination{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table tbody td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table tbody td:nth-child(2) small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .star-sequence{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .plan-slot-sheet .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-library .sheet-heading h2{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-item>small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head h2{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head .tactic-metadata{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-actions .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .unit-face{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .unit small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .work-control-row .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline input{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid thead th{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid thead th:nth-child(7){font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid .instruction-cell{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid td:last-child button{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .instruction-cell textarea{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .work-bottom>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-bottom .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-lineup-form select{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-metadata{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .estimate-result>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .estimate-result>strong{font-size:calc((24px) * var(--text-scale,1))!important}
html[data-text-scale] .external-controls .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .code-output{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .converter-lineup select,
html[data-text-scale] .converter-lineup input{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .converter-lineup label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .remaining-calculation{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .remaining-calculation strong{font-size:calc((21px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-title h2{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-title>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .totals-line dt{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .totals-line dd{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .donut>span strong{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .share-legend>div{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-statistics th,
html[data-text-scale] .boss-statistics td,
html[data-text-scale] .profile-attacks th,
html[data-text-scale] .profile-attacks td{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-statistics td.numeric,
html[data-text-scale] .profile-attacks td.numeric{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .daily-records th,
html[data-text-scale] .daily-records td{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .daily-records td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail tbody td,
html[data-text-scale] .history-table tbody td,
html[data-text-scale] .roster-table tbody td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .history-table td.winner-cell{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-table td:nth-child(1) .member-link{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-table td:nth-child(5){font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-selector{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .subview-tabs button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .coefficient-table th,
html[data-text-scale] .coefficient-table td,
html[data-text-scale] .top-damage-table th,
html[data-text-scale] .top-damage-table td{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .coefficient-table td.numeric,
html[data-text-scale] .top-damage-table td.numeric{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .coefficient-table th small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .hall-table th,
html[data-text-scale] .hall-table td{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .hall-table td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .settings-navigation button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .setting-row h3{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .setting-row p{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .setting-row input[type=file]{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .stage-config-tabs button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-config-table tbody th{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-config-table input{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .link-row input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .character-table th,
html[data-text-scale] .character-table td{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .character-thumb{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .character-table .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .import-row-head .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .field label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .field input,
html[data-text-scale] .field select,
html[data-text-scale] .field textarea{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .field small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-head h2{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-footer .button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-body .timeline-table td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .log-hp-preview{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .toast-message{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .toast-message button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .set-grid .instruction-cell,
html[data-text-scale][data-readability=large] .instruction-cell textarea{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] table td,
html[data-text-scale][data-readability=large] td.numeric{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .unit strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .coefficient-table td,
html[data-text-scale][data-readability=large] .top-damage-table td{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale][data-readability=large] .work-item>strong{font-size:calc((12px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .wordmark>span{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .wordmark strong{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .small-log .member-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .small-log td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor>.party .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor>.party .unit small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .table-tools .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .header-write{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .work-control-row .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .coefficient-table td.numeric,
html[data-text-scale] .top-damage-table td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
}
@media print{
html[data-text-scale] body{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] table{font-size:calc((10px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .coefficient-table td.numeric,
html[data-text-scale] .top-damage-table td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
}
/* game-ui.css */
html[data-text-scale] .brand-text>strong{font-size:calc((21px) * var(--text-scale,1))!important}
html[data-text-scale] .brand-text>span{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .brand-text>small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .section-nav button{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .page-heading h1{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-face{font-size:calc((24px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number{font-size:calc((27px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-state-chip{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((23px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-status{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-description strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-description small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-remaining{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-heading h2{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-heading span,
html[data-text-scale] .chart-heading div>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-switch button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart text{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart .chart-x-label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart .chart-bar-label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .plot-legend{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center strong{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center>small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .share-boss-name b{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .share-boss-name small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-share-legend strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-share-legend strong small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-row{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-number{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-row .member-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-row strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-detail-total>strong{font-size:calc((26px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-config-table td:nth-child(2) select{font-size:calc((10px) * var(--text-scale,1))!important}
@media(max-width:1160px) and (min-width:761px){
html[data-text-scale] .boss-state-chip{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number{font-size:calc((24px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center strong{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-share-legend strong{font-size:calc((12px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .brand-text>strong{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .brand-text>span{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .brand-text>small{font-size:calc((6.5px) * var(--text-scale,1))!important}
html[data-text-scale] .sample-label{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .month-select{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .header-write{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .header-settings{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .page-heading h1{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-number small{font-size:calc((7px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-number{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-description small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-boss-strip .boss-remaining{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-heading h2{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-heading span,
html[data-text-scale] .chart-heading div>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-switch button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart text{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart .chart-x-label{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart .chart-bar-label{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .plot-legend{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center strong{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center>small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center>span{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .share-boss-name b{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .share-boss-name small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-share-legend strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-row .member-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-row strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .rank-bar-number{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-config-table td:nth-child(2) select{font-size:calc((12px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .brand-text>strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .brand-text>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .page-heading h1{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-description small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-remaining{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .ring-center strong{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .boss-share-legend strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .share-boss-name small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-heading h2{font-size:calc((13px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .data-chart text{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart .chart-x-label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .data-chart .chart-bar-label{font-size:calc((12px) * var(--text-scale,1))!important}
}
html[data-text-scale] .imported-label>span{font-size:calc((10px) * var(--text-scale,1))!important}
/* mobile-clean.css */
html[data-text-scale] .brand-text>span{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-number{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-name>strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-phase{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-phase b{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-life>strong{font-size:calc((23px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-life>small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-status{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-number{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-name>strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-phase{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-phase b{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-life>strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table th{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table td{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot b{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot>small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .list-pager{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .member-info dt{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .member-info dd{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dt{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dd{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .day-pills button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-chart-foot{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .share-boss-name small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .boss-share-legend strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .detail-stage-heading{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .fold>summary{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .form-fold summary{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .early-auto{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .distribution-panel h2{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .distribution-boss{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .separator{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head h2{font-size:calc((17px) * var(--text-scale,1))!important}
@media(max-width:1250px) and (min-width:761px){
html[data-text-scale] .raid-life>strong{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-name>strong{font-size:calc((13px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .page-heading h1{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .brand-text>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .page-tabs button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-heading h2{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-number{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-name>strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-phase{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-phase b{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-life>strong{font-size:calc((clamp(15px,4.15vw,19px)) * var(--text-scale,1))!important}
html[data-text-scale] .raid-life>small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-status{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-link{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-number{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-phase b{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-compact .raid-life>strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table th{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table.roster-table .member-link{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table.roster-table td:nth-child(2){font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-table .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail .member-link{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table.ranking-detail tbody td.numeric{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .attack-dashboard .dashboard-member .member-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot b{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-slot>small{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .list-pager{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-toolbar .select-field{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-toolbar>.button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dd{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .day-pills button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .ring-center strong{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .share-boss-name small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .boss-share-legend strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .fold>summary{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .fold .boss-statistics td.numeric,
html[data-text-scale] .fold .profile-attacks td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .fold .boss-statistics th,
html[data-text-scale] .fold .profile-attacks th{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .detail-stage-heading{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .simple-entry select,
html[data-text-scale] .simple-entry input[type=number]{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .simple-entry .quick-field label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .simple-entry .quick-carry{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .simple-entry .early-auto{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .early-auto{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .drawer-body .field label{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .form-fold summary{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-condition-fields .field label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-condition-fields input{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table tbody td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .distribution-table td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .distribution-boss{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .distribution-table th{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor-head .tactic-metadata{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-actions .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor>.party .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-editor>.party .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-inline input{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .work-control-row .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .set-grid .instruction-cell{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .daily-records th,
html[data-text-scale] .daily-records td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .history-table tbody td{font-size:calc((12px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .raid-name>strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-phase{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-phase b{font-size:calc((8px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-life>strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-life>small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .ring-center strong{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .share-boss-name small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dd{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .day-pills button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-donut .chart-switch button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-table .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .simple-entry select,
html[data-text-scale] .simple-entry input[type=number]{font-size:calc((13px) * var(--text-scale,1))!important}
}
@media print{
html[data-text-scale] .raid-life>strong{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table th,
html[data-text-scale] .data-table td{font-size:calc((10px) * var(--text-scale,1))!important}
}
html[data-text-scale] .resource-links{font-size:calc((12px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .work-editor>.party .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .resource-links{font-size:calc((11px) * var(--text-scale,1))!important}
}
html[data-text-scale] .terminal-stage{font-size:calc((13px) * var(--text-scale,1))!important}
/* shared.css */
html[data-text-scale] .shared-status{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .shared-status button{font-size:inherit!important}
@media(max-width:600px){
html[data-text-scale] .header-write{font-size:calc((11px) * var(--text-scale,1))!important}
}
/* operations.css */
html[data-text-scale] .roster-complete .uid-cell{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .tenure-cell small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .dashboard-attack{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .dashboard-boss{font-size:inherit!important}
html[data-text-scale] .slot-separator{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .dashboard-attack .carry-ready{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .coefficient-table th span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-face .raid-number{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-name strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-name small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-value strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-value small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-title h2{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-feedback{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .attack-entry .quick-log .early-auto{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-extra summary{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .table-count{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-column h2{font-size:calc((17px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail td:last-child{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dt{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dd{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dd{font-size:calc((21px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-heading h3{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-day>b{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-value strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-phase-shares h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .chart-note{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .phase-share figcaption{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .phase-donut>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .phase-donut strong{font-size:calc((21px) * var(--text-scale,1))!important}
html[data-text-scale] .phase-legend>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary>div:first-child>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary strong{font-size:calc((25px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary .field label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary .field input{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary .field>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-list-time{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-direction{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .copy-entry>div{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .copy-original{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] #copy-pick-control{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .future-month-row label,
html[data-text-scale] .future-month-row span{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .future-boss-portrait strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .future-boss-row .field small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .future-boss-row details{font-size:calc((12px) * var(--text-scale,1))!important}
@media(max-width:1050px){
html[data-text-scale] .ranking-detail th,
html[data-text-scale] .ranking-detail td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail td:last-child{font-size:calc((12px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .data-table th,
html[data-text-scale] .data-table td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table th{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .attack-dashboard .member-link{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail th,
html[data-text-scale] .ranking-detail td{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail th{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-detail td:last-child{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-name strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-name small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-value strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-health-value small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-feedback{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .rules-fields input,
html[data-text-scale] .rules-fields select{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-heading h2{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .table-tools.single-line{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dd{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dd{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .profile-totals dt{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-value strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-day>b{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-heading h3{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .phase-legend>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-open .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .selection-strip .numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary strong{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary .field input{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary .field>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .inline-drawer .drawer-head h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .future-boss-row .field input{font-size:calc((14px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .combo-card .unit strong{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .paired-value strong{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dd{font-size:calc((12px) * var(--text-scale,1))!important}
}
@media print{
html[data-text-scale] .printing-profile .data-table{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .printing-profile .data-table th,
html[data-text-scale] .printing-profile .data-table td{font-size:calc((9px) * var(--text-scale,1))!important}
}
html[data-text-scale] .data-table.battle-table.expanded th,
html[data-text-scale] .data-table.battle-table.expanded tbody td{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .data-table.battle-table.expanded th{font-size:calc((11px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .operating-line{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .operating-line .push{font-size:inherit!important}
}
html[data-text-scale] .combo-detail-controls label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-expansion .source-links{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-layout-inline .set-grid .instruction-cell{font-size:calc((15px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-unified th button{font-size:inherit!important}
html[data-text-scale] .pdf-preview-controls strong{font-size:calc((13px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .combo-detail-controls .button{font-size:calc((11px) * var(--text-scale,1))!important}
}
html[data-text-scale] .tactic-progress-hint{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .dashboard-attack .carry-ready{font-size:calc((12px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .dashboard-attack{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .dashboard-attack .carry-ready{font-size:calc((11px) * var(--text-scale,1))!important}
}
html[data-text-scale] .workspace-resources .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-grid-wrap .set-grid th.set-auto{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-layout-inline .set-grid .instruction-cell,
html[data-text-scale] .tactic-layout-inline .instruction-cell textarea{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-category{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary strong{font-size:calc((21px) * var(--text-scale,1))!important}
html[data-text-scale] .carry-summary .field input{font-size:calc((17px) * var(--text-scale,1))!important}
@media(min-width:761px){
html[data-text-scale] .raid-banners:not(.raid-compact) .raid-life>strong{font-size:calc((clamp(14px,1.5vw,23px)) * var(--text-scale,1))!important}
html[data-text-scale] .raid-banners:not(.raid-compact) .raid-life>small{font-size:calc((clamp(9px,.75vw,10px)) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .workspace-navigation .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .workspace-resources .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-layout-inline .set-grid .instruction-cell,
html[data-text-scale] .tactic-layout-inline .instruction-cell textarea{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .ranking-unified .member-link{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .combo-category{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-open .combo-toggle{font-size:calc((11px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .combo-card .unit strong{font-size:calc((9.5px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-open .combo-toggle{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .workspace-resources .button{font-size:calc((9px) * var(--text-scale,1))!important}
}
html[data-text-scale] .search-picker>input[type=search]{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-picker-option{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-picker-option small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .delete-log-damage{font-size:calc((19px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .search-picker>input[type=search]{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .entry-picker-option{font-size:calc((13px) * var(--text-scale,1))!important}
}
html[data-text-scale] .header-version-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-fields>.work-list-boss{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-fields>.work-list-party{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-fields>.work-list-stars{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-fields>.work-list-damage{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-fields>.work-list-hands,
html[data-text-scale] .work-list-fields>.work-list-tp{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-carry{font-size:calc((11px) * var(--text-scale,1))!important}
@media(min-width:761px){
html[data-text-scale] .combo-heading .combo-category{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-open .combo-toggle{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .raid-banners:not(.raid-compact) .raid-life>strong{font-size:calc((clamp(14px,11cqw,20px)) * var(--text-scale,1))!important}
html[data-text-scale] .raid-name>strong{font-size:calc((13px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .header-version-link{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-row .work-list-fields>span,
html[data-text-scale] .work-list-row .work-list-fields>small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-row .work-list-fields>.work-list-boss{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-row .work-list-fields>.work-list-party{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-video{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-column-heads{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-column-heads .work-list-fields>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-carry{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((13px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .combo-card .unit strong{font-size:calc((9.5px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-open .combo-toggle{font-size:calc((11px) * var(--text-scale,1))!important}
}
@media(max-width:340px){
html[data-text-scale] .combo-card .unit strong{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((12px) * var(--text-scale,1))!important}
}
html[data-text-scale] .header-resource-links .header-resource-button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-reading-note{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .carry-summary>div:first-child>span,
html[data-text-scale] .tactic-reading-head .carry-summary .field label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .carry-summary strong{font-size:calc((24px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .carry-summary .field input{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .carry-warning{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-identity h2{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-metadata{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-intro-links .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-header-party .unit strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-header-party .unit small{font-size:calc((11px) * var(--text-scale,1))!important}
@container(max-width:480px){
html[data-text-scale] .tactic-reading-head .carry-summary>div:first-child>span,
html[data-text-scale] .tactic-reading-head .carry-summary .field label{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .carry-summary strong{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .carry-summary .field input{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-reading-note{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-identity h2{font-size:calc((17px) * var(--text-scale,1))!important}
}
@media(max-width:760px){
html[data-text-scale] .header-resource-links .header-resource-button{font-size:calc((10px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .header-resource-links .header-resource-button{font-size:calc((9.5px) * var(--text-scale,1))!important}
}
/* usability.css */
html[data-text-scale] .page-tabs>button{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .header-resource-links .header-resource-button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .combo-category{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-metadata{font-size:0!important}
html[data-text-scale] .tactic-metadata>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-row .video-link{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .work-list-row .video-link.missing>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-heading{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box .field label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box input{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box .estimate-result>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box .estimate-result>strong{font-size:calc((22px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box #estimate-error{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-remaining label{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-remaining strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-remaining input{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-remaining .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-text-entry>label{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-name-input{font-size:inherit!important;font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-text-feedback,
html[data-text-scale] .lineup-order-feedback{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-order-feedback .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-direction{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .member-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .uid-cell{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .tenure-cell strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .tenure-cell small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-rate-table th,
html[data-text-scale] .compact-rate-table td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-rate-table th small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-rate-table td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet:has(.compact-rate-table) .single-line{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .progress-cell>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .progress-cell>small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table th,
html[data-text-scale] .battle-table td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .member-link{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .type-tag{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .log-manage .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .log-drag-handle{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .insert-log-note{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .result-status{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .history-table .winner-cell span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .history-table .button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-month-table th,
html[data-text-scale] .archive-month-table td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .award-count-table th,
html[data-text-scale] .award-count-table td{font-size:calc((12px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .page-tabs>button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .header-resource-links .header-resource-button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .boss-tag{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-heading .combo-category{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit strong{font-size:calc((clamp(9px,4cqw,12px)) * var(--text-scale,1))!important}
html[data-text-scale] .combo-card .unit small{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-open .combo-toggle{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-detail-controls .video-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-metadata>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-intro-links .video-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box .field label{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .calculator-box input{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-text-entry>label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-name-input{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-text-feedback,
html[data-text-scale] .lineup-order-feedback{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-preview .unit strong{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .lineup-preview .unit small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete th,
html[data-text-scale] .roster-complete td{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .uid-cell,
html[data-text-scale] .roster-complete .member-link{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .tenure-cell strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .tenure-cell small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-rate-table th,
html[data-text-scale] .compact-rate-table td,
html[data-text-scale] .compact-rate-table td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-rate-table th small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet:has(.compact-rate-table) .single-line{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet:has(.compact-rate-table) h2{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table tbody td,
html[data-text-scale] .battle-table.expanded tbody td,
html[data-text-scale] .history-table tbody td{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .numeric,
html[data-text-scale] .battle-table .member-link,
html[data-text-scale] .battle-table.expanded td.numeric{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .progress-cell>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .progress-cell>small{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .type-tag{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-table .log-manage .button{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-month-table th,
html[data-text-scale] .archive-month-table td{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dt{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .archive-totals dd{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .award-count-table th,
html[data-text-scale] .award-count-table td{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .award-count-table .text-button{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .award-count-table td.numeric{font-size:calc((11px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .combo-card .unit strong{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dt{font-size:calc((9.5px) * var(--text-scale,1))!important}
html[data-text-scale] .combo-metadata dd{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .uid-cell,
html[data-text-scale] .roster-complete .member-link{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .roster-complete .tenure-cell small{font-size:calc((8.5px) * var(--text-scale,1))!important}
html[data-text-scale] .compact-rate-table th,
html[data-text-scale] .compact-rate-table td,
html[data-text-scale] .compact-rate-table td.numeric{font-size:calc((10.5px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet:has(.compact-rate-table) .single-line{font-size:calc((9px) * var(--text-scale,1))!important}
}
html[data-text-scale] .hud-status-line{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-ring span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-ring strong{font-size:calc((32px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-ring small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-attacks>p{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading h2{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-bar-boss{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-bar-row>strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-legend{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .distribution-team small{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .log-warning-summary .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .log-warning-summary>span{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .log-warning-badge{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-head h2{font-size:calc((20px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-shell .button{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-shell .muted{font-size:calc((12px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .hud-status-line{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-ring span{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-ring strong{font-size:calc((28px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-ring small,
html[data-text-scale] .hud-attacks>p{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading h2{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading>span{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-bar-boss{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-bar-row>strong{font-size:calc((11px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-legend{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-hud .raid-life small{font-size:calc((10px) * var(--text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale] .hud-status-line{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-bar-boss{font-size:calc((9px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading h2,
html[data-text-scale] .hud-chart-heading>span{font-size:calc((10px) * var(--text-scale,1))!important}
}
html[data-text-scale] .page-heading h1{font-size:calc((28px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-heading h2,
html[data-text-scale] .profile-phase-shares h2{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-identity h2{font-size:calc((18px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-hud .raid-name>strong{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading h2{font-size:calc((14px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .page-heading h1{font-size:calc((24px) * var(--text-scale,1))!important}
html[data-text-scale] .sheet-heading h2,
html[data-text-scale] .profile-phase-shares h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .tactic-reading-head .tactic-identity h2{font-size:calc((16px) * var(--text-scale,1))!important}
html[data-text-scale] .battle-hud .raid-name>strong{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .hud-chart-heading h2{font-size:calc((12px) * var(--text-scale,1))!important}
}
html[data-text-scale] .battle-hud .raid-phase{font-size:calc((11px) * var(--text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale] .battle-hud .raid-phase{font-size:calc((10px) * var(--text-scale,1))!important}
html[data-text-scale] .header-controls .month-select{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .header-controls .header-write,
html[data-text-scale] .header-controls .header-settings{font-size:calc((11px) * var(--text-scale,1))!important}
}
html[data-text-scale] .shared-loading h1{font-size:calc((22px) * var(--text-scale,1))!important}
/* compat/battle-image-import.css */
html[data-text-scale] .bli-head h2{font-size:calc((clamp(20px,2vw,25px)) * var(--text-scale,1))!important}
html[data-text-scale] .bli-pick span,
html[data-text-scale] .bli-progress{font-size:calc((13px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-review h3{font-size:calc((19px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-row-top>span{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-fields>label{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-fields input,
html[data-text-scale] .bli-fields select{font-size:calc((14px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-row-note{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-row-note strong{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-row details{font-size:calc((12px) * var(--text-scale,1))!important}
html[data-text-scale] .bli-row pre{font-size:calc((12px) * var(--text-scale,1))!important}
@media(max-width:520px){
html[data-text-scale] .bli-head h2{font-size:calc((20px) * var(--text-scale,1))!important}
}
html[data-text-scale] .bli-crop-numbers input{font-size:inherit!important}
html[data-text-scale] .bli-fields>label>small{font-size:calc((11px) * var(--text-scale,1))!important}

/* iOS Safari: focused form fields must compute to at least 16px, even when text scale is 90%. */
@media(max-width:760px){
  html[data-text-scale] body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
  html[data-text-scale] body select,
  html[data-text-scale] body textarea,
  html[data-text-scale] body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):focus,
  html[data-text-scale] body select:focus,
  html[data-text-scale] body textarea:focus{font-size:max(16px,calc(14px * var(--text-scale,1)))!important}
}


/* Shared table typography follows the historical expanded battle-log design. */
html[data-text-scale] .data-table thead th,
html[data-text-scale] .data-table.battle-table.expanded thead th{
  font-size:calc(11px * var(--text-scale,1))!important;
}
html[data-text-scale] .data-table tbody td,
html[data-text-scale] .data-table.battle-table.expanded tbody td{
  font-size:calc(13px * var(--text-scale,1))!important;
}
@media(max-width:760px){
  html[data-text-scale] .data-table.battle-mobile-table thead th{
    font-size:calc(11px * var(--text-scale,1))!important;
  }
  html[data-text-scale] .data-table.battle-mobile-table tbody td{
    font-size:clamp(calc(11px * var(--text-scale,1)),calc(3.2vw * var(--text-scale,1)),calc(13px * var(--text-scale,1)))!important;
  }
}