/* Generated by scripts/build-display-styles.mjs. Default 100% leaves the original cascade intact. */
/* clan.css */
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) button,
html[data-text-scale]:not([data-text-scale="100"]) input,
html[data-text-scale]:not([data-text-scale="100"]) select,
html[data-text-scale]:not([data-text-scale="100"]) textarea{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) .mark{font-size:calc((23px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .logo strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .logo small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .side-group{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .nav .symbol{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .side-bottom{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .bread{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .bread strong{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .status{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .eyebrow{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((29px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn.sm{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .k{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .v{font-size:calc((26px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .d{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel h2,
html[data-text-scale]:not([data-text-scale="100"]) .panel h3{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel .sub{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .small{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tabset button{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-num{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-name{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-info{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp{font-size:calc((19px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable th{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .pill{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .field label{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .note{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rank-head{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rank-num{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .empty{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .avatar{font-size:calc((25px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tactic-card .title{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tactic-card .desc{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .portrait-picture{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .portrait label{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .checkstrip span{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tactic-text{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .editor-row input{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .inline-checks label{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .calc-box{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .calc-box pre{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) .rule-table td input{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .setting-title{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .foot{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .toast{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .kbd{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mathvalue{font-size:calc((21px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .textbutton{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-name{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .v{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button span{font-size:calc((18px) * var(--user-text-scale,1))!important}
}
/* light.css */
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .side-group{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .side-bottom{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .bread{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .bread strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .status{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((28px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero p{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .eyebrow{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn.sm{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .k{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .v{font-size:calc((27px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .d{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel-head h2{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-num{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .pill{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .field label{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rank-name{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tactic-card .desc{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tactic-card .title{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mathvalue{font-size:calc((23px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .foot{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sync-message{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .star-label{font-size:calc((9px) * var(--user-text-scale,1))!important}
@media(max-width:1160px){
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((25px) * var(--user-text-scale,1))!important}
}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .bread{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .bread strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .top-actions .status{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .month{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((23px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .v{font-size:calc((23px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sync-message{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((9px) * var(--user-text-scale,1))!important}
}
/* workflow.css */
html[data-text-scale]:not([data-text-scale="100"]) kbd{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-panel .sub,
html[data-text-scale]:not([data-text-scale="100"]) .sheet-panel .sub{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-grid input,
html[data-text-scale]:not([data-text-scale="100"]) .quick-grid select,
html[data-text-scale]:not([data-text-scale="100"]) .quick-secondary input{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-grid .carry-control{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-secondary>div:last-child{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .insert-banner{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .member-option strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .member-option small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .member-option>span{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .picker-empty{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .wf-day-closures>strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .wf-day-closure>span{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .wf-day-closure small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet td small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet td.is-editing input,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet td.is-editing select{font-size:inherit!important;font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .carry-value{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .row-tools button{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sheet-footer{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .roster-count{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .roster-count strong{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .roster-form-grid input,
html[data-text-scale]:not([data-text-scale="100"]) .roster-form-grid select{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .roster-table small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .roster-table .uid{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero .btnbar .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
/* tactics-workspace.css */
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs button{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs span{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-tabs button{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-library input{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-label{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head h2{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-meta input,
html[data-text-scale]:not([data-text-scale="100"]) .tw-meta select{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot>div>label{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot input:not([type=file]),
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot select{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot select{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-portrait-upload small{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-initial{font-size:calc((19px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-more summary{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-meta-more input{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-controls .field label{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-controls input{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-controls .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help kbd{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-preview-note{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid th{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid th:nth-child(8){font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-edit-hint{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-line-number{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-blank .tw-line-number{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-row-tools button{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-bottom>span{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-bottom .btn{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-trash-list strong{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-trash-list small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-estimator summary{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-estimate-fields input{font-size:calc((13px) * var(--user-text-scale,1))!important}
@media(min-width:1600px){
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((15px) * var(--user-text-scale,1))!important}
}
@media(max-width:1280px){
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((13px) * var(--user-text-scale,1))!important}
}
@media(max-width:1000px){
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
}
@media(max-width:600px){
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs button{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-tabs button{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot input:not([type=file]){font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot select{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head h2{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-bottom>span{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((11px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .tw-portrait .source-star-text,
html[data-text-scale]:not([data-text-scale="100"]) .tw-check-art .source-star-text{font-size:calc((9px) * var(--user-text-scale,1))!important}
/* raid.css */
html[data-text-scale]:not([data-text-scale="100"]) .logo strong{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .logo small{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mark{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav .symbol{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .top-actions .month{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .status{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .top-actions>.btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((26px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero p{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .eyebrow{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .foot{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-section-label>span{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-section-label small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-art{font-size:calc((32px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-art .boss-emblem{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-num{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-name{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-phase{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-phase strong{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>span{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>strong{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-info{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-tactic-link{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .k{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .v{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .d{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-art{font-size:calc((23px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data>span{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data strong{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet .hp-exact strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet .hp-exact small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner>div>span{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner>div>strong{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner .tw-boss-hp strong{font-size:calc((21px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head h2{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot>div>label{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot input:not([type=file]){font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot select{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-portrait-upload small{font-size:calc((7px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((15px) * var(--user-text-scale,1))!important}
@media(min-width:1500px){
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>strong{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-name{font-size:calc((15px) * var(--user-text-scale,1))!important}
}
@media(max-width:1150px){
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>strong{font-size:calc((19px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data strong{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner .tw-boss-hp strong{font-size:calc((19px) * var(--user-text-scale,1))!important}
}
@media(max-width:1000px){
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data strong{font-size:calc((14px) * var(--user-text-scale,1))!important}
}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .logo strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .logo small{font-size:calc((7px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mark{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .topbar .top-actions .status{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .topbar .top-actions .month{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .eyebrow{font-size:calc((7px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-name{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-num{font-size:calc((7px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-phase{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>strong{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .v{font-size:calc((19px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner>div>strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner>div>span{font-size:calc((7px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner .tw-boss-hp strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot input:not([type=file]){font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot select{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head h2{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button span{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-panel .panel-head h2{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data strong{font-size:calc((14px) * var(--user-text-scale,1))!important}
}
@media(max-width:480px){
html[data-text-scale]:not([data-text-scale="100"]) .logo strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .logo small{font-size:calc((6px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mark{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .topbar .top-actions .status{font-size:calc((7px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .topbar .top-actions .month{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner .tw-boss-hp strong{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner>div>strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((11px) * var(--user-text-scale,1))!important}
}
/* guild.css */
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((27px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .admin-menu{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-controls .field label{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-controls .btn{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .missing-link{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-estimator h2{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .character-picker small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-dialog label{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-dialog input{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) .dialog-error{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-chip{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .pending-key{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table>thead th{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot .boss-chip{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-totals{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .day-divider th{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .day-current strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-auto{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-auto small{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rank-all-scores td.number{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-controls>label{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut figcaption{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .donut strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .donut small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut li{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .daily-profile-bars>div{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .daily-profile-bars strong{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster th strong,
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster th .textbutton{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .member-state{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster td small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .history-note{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .place{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rate-summary>div{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rate-summary strong{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-card h2{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-card .panel-head>span{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-party strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-party span{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-meta{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:760px){
html[data-text-scale]:not([data-text-scale="100"]) .top-actions .status{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .month{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero .btnbar .btn{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs [role=tab]{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-config-fieldset:disabled .tw-character-slot input{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-config-fieldset:disabled .tw-character-slot select{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .daily-profile-bars>div{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .admin-menu{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button span{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut ul{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .tw-check-portrait.missing{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-auto-heading{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-panel>summary{font-size:calc((15px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid th:nth-child(8){font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-line-number{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-row-tools button{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .quick-panel>summary{font-size:calc((14px) * var(--user-text-scale,1))!important}
}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .topbar .top-actions>.btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot small{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot .boss-chip{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot>span:not(.boss-chip):not(.empty-slot){font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-totals{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head .source-video{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .tw-editor-head .source-video{font-size:calc((12px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .combo-party .combo-source-art>.source-star-text{font-size:calc((12px) * var(--user-text-scale,1))!important}
/* responsive.css */
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster .btn.sm{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table thead th{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table .textbutton{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table .boss-chip{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(min-width:801px) and (max-width:1150px){
html[data-text-scale]:not([data-text-scale="100"]) .boss-hp>strong{font-size:calc((clamp(14px,1.8vw,20px)) * var(--user-text-scale,1))!important}
}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-art .boss-emblem{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-num{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-name{font-size:calc((clamp(12px,3.15vw,15px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-phase{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-phase strong{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp>strong{font-size:calc((clamp(9px,2.58vw,17px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp-ratio{font-size:.97em!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-info{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-tactic-link{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mini-boss-data strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs button{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster th,
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster td,
html[data-text-scale]:not([data-text-scale="100"]) .guild-hall th,
html[data-text-scale]:not([data-text-scale="100"]) .guild-hall td{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster th .textbutton{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster .uid{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-roster td small,
html[data-text-scale]:not([data-text-scale="100"]) .member-state{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-hall .medal-count{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-controls .tabset button{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-controls>.pill{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table th,
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table td{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table thead th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table .textbutton{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table .boss-chip{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs .tw-carry-controls .field label{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs .tw-carry-controls>.btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot input:not([type=file]){font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-banner .tw-boss-hp strong{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-boss-stats th,
html[data-text-scale]:not([data-text-scale="100"]) .profile-boss-stats td{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-boss-stats .boss-chip{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster .btnbar .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster th,
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster td{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster thead th{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster tbody th:first-child .textbutton{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster td.uid{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster .btnbar .btn{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster td small,
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster .member-state{font-size:calc((8px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster thead th{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs + .panel .guild-roster tbody th:first-child .textbutton{font-size:calc((9px) * var(--user-text-scale,1))!important}
}
/* finish.css */
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((27px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel-head h2{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .foot{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-section-label>span{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp>strong{font-size:calc((clamp(18px,1.8vw,25px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-info{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-tactic-link{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .k{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .v{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .d{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-table .empty-slot{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .rank-num{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut figcaption{font-size:calc((13px) * var(--user-text-scale,1))!important}
@media(min-width:801px) and (max-width:1150px){
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav .symbol{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp>strong{font-size:calc((clamp(14px,1.8vw,21px)) * var(--user-text-scale,1))!important}
}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .hero h1{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel-head h2{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-num{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-name{font-size:calc((clamp(11px,3.1vw,14px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-phase{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-phase strong{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp>strong{font-size:calc((clamp(16px,4.65vw,22px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp-value{font-size:1em!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp-ratio{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-info{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-tactic-link{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .k{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .v{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .raid-stats .metric .d{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-tabs button{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-character-slot input:not([type=file]){font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut .donut strong{font-size:calc((clamp(12px,3.8vw,16px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut .donut small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-donut li{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-party strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-dialog input{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button span{font-size:calc((17px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp>strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .boss-card .boss-hp-ratio{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .hero .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .tw-source-summary small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-source-summary>strong{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary>.combo-boss{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-damage small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-damage strong{font-size:calc((20px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-head>strong{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-head .textbutton{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-text{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-other-notes>summary{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-view-options .switch{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet th,
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet thead th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet td small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .carry-kind{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet td .inline-kill{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .hp-exact strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .day-divider th{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .row-tools button{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table th,
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table td{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-dialog textarea{font-size:inherit!important;font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) #setting-boosters{font-size:calc((13px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary>.combo-boss{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-damage small{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-damage strong{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-text{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-head>strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-source{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-source-summary>strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-source-summary small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-dialog textarea{font-size:calc((16px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary>.combo-boss,
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-source{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-damage strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-damage small{font-size:calc((7px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .rate-summary>div{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .rate-summary strong{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars>div>span{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-selector label{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-metrics .metric .k{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-metrics .metric .v{font-size:calc((clamp(17px,2.1vw,25px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-ranking h2{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 .combo-time strong{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 .combo-operation strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-metrics .metric .v{font-size:calc((clamp(15px,4.4vw,20px)) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-selector .btn{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .archive-record-ranking h2{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs button{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 .combo-time strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 .combo-operation strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs button{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 small{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 .combo-time strong,
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary-stage3 .combo-operation strong{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
@media(min-width:801px){
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable td,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .datatable th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .datatable td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .boss-chip{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .panel-head h2{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .panel-head .tabset button{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .rate-summary>div{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .rate-summary strong{font-size:calc((15px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable thead .boss-chip,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table thead .boss-chip{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-footer{font-size:calc((11px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table td{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-footer{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table td{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable thead .boss-chip,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table thead .boss-chip{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .future-boss-item strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .booster-settings > summary strong{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .booster-list li{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .guild-history .history-state{font-size:calc((11px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet thead th{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet tbody td{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .number,
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .hp-exact strong{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .member-cell strong{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .boss-cell{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .boss-cell small{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet .carry-kind{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet td .inline-kill{font-size:calc((8px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet td.is-editing input,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet td.is-editing select,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet td.member-cell.is-editing input{font-size:calc((16px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .compact-battle-sheet td .battle-kind{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars .daily-stat small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars .daily-stat b{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .battle-boss-strip .mini-boss-inline{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-boss-strip .mini-boss-inline b{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-boss-strip .mini-boss-inline .mini-boss-name{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-boss-strip .mini-boss-inline .mini-boss-progress{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-boss-strip .mini-boss-data>strong{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs .tw-carry-entry .field label{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs .tw-carry-entry .field input{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet thead th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet tbody td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .number,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .hp-exact strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .member-cell strong,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .boss-cell{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .boss-cell small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet td .battle-kind{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .battle-day-cell{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table thead th{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table tbody td{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars>div>strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars>div>.daily-stat small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars>div>.daily-stat b{font-size:calc((12px) * var(--user-text-scale,1))!important}
}
/* menu-art.css */
html[data-text-scale]:not([data-text-scale="100"]) .hero-with-art h1{font-size:calc((26px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .hero-with-art h1{font-size:calc((22px) * var(--user-text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale]:not([data-text-scale="100"]) .hero-with-art h1{font-size:calc((20px) * var(--user-text-scale,1))!important}
}
/* combo.css */
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-boss{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-art .source-star-text{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-unit strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-meta{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-score small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-score strong{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-expand{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row.is-stage3 .combo-mini-score strong{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-planner-controls h2{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-repeat-option{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-planner-controls .combo-support-help{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-caption{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-rank{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-distribution-head>div:first-child>strong{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-distribution-head>div:first-child>small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-total small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-total strong{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-total strong span{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table thead th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table tbody th>small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-mini-boss{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-mini-unit strong{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-plan-damage>strong{font-size:calc((17px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-support{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-support-mark{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-planner-empty{font-size:calc((13px) * var(--user-text-scale,1))!important}
@media(max-width:1000px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-score strong{font-size:calc((21px) * var(--user-text-scale,1))!important}
}
@media(max-width:680px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-view-tabs button{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-workspace-boss-filter .tabset button{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-unit strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-meta{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-score strong{font-size:calc((21px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-score small{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-planner-controls h2{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-planner-controls .small.muted{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-distribution-head>div:first-child>strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-total strong{font-size:calc((24px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-mini-unit strong{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-support{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-plan-damage>strong{font-size:calc((17px) * var(--user-text-scale,1))!important}
}
@media(max-width:370px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-mini-unit strong{font-size:calc((9px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-plan-damage>strong{font-size:calc((16px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-header>.combo-mini-boss{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row .combo-mini-unit strong{font-size:min(calc(12px * var(--user-text-scale,1)),calc((100cqw + 1.5px)/var(--combo-name-length,1)))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-unit-star{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-chip{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-chip small{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row .combo-mini-score small{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row .combo-mini-score strong{font-size:calc((32px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row.is-stage3 .combo-mini-score strong{font-size:calc((27px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-note{font-size:calc((12px) * var(--user-text-scale,1))!important}
@container combo-card (max-width:569px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-header>.combo-mini-boss{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-chip{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row .combo-mini-score small{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row .combo-mini-score strong{font-size:calc((30px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-compact-row.is-stage3 .combo-mini-score strong{font-size:calc((25px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-note{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
}
@container combo-card (max-width:305px){
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-chip{font-size:calc((11px) * var(--user-text-scale,1))!important}
}
/* presence.css */
html[data-text-scale]:not([data-text-scale="100"]) .online-presence{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .online-presence strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) .online-presence{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .online-presence strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
}
@media(max-width:400px){
html[data-text-scale]:not([data-text-scale="100"]) .topbar .admin-menu>summary{font-size:calc((10px) * var(--user-text-scale,1))!important}
}
/* readability.css */
html[data-text-scale]:not([data-text-scale="100"]){font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel .sub,
html[data-text-scale]:not([data-text-scale="100"]) .small,
html[data-text-scale]:not([data-text-scale="100"]) .muted.small{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel-head h2{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn.sm{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .k,
html[data-text-scale]:not([data-text-scale="100"]) .metric .d{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable thead th{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody th{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable thead .sort-head{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) .pill{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card small{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-label{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help,
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state,
html[data-text-scale]:not([data-text-scale="100"]) .tw-more summary{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid th{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-party strong,
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-unit strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-meta,
html[data-text-scale]:not([data-text-scale="100"]) .combo-meta{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-source,
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-text{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-planner-controls .combo-support-help,
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-caption{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars .daily-stat small{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars .daily-stat b{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .sidebar .nav{font-size:calc((13px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel .sub,
html[data-text-scale]:not([data-text-scale="100"]) .small,
html[data-text-scale]:not([data-text-scale="100"]) .muted.small{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel-head h2{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .metric .k,
html[data-text-scale]:not([data-text-scale="100"]) .metric .d{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn.sm{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable thead th{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody th{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card small{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help,
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-party strong,
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-unit strong{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-mini-meta,
html[data-text-scale]:not([data-text-scale="100"]) .combo-meta{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-summary .combo-source{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-notice-text{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((9.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet thead th{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet tbody td{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .number,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .hp-exact strong{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .member-cell strong,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .boss-cell{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .boss-cell small{font-size:calc((10px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .battle-day-cell{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet td .battle-kind{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table thead th{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table tbody td{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars>div>.daily-stat b{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((14.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable thead th{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody th{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .number,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .hp-exact strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel .sub,
html[data-text-scale]:not([data-text-scale="100"]) .small,
html[data-text-scale]:not([data-text-scale="100"]) .muted.small{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn.sm{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody th{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable thead th{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .pill{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card small,
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-label{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-grid .tw-text-cell>[data-tw-text]{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-key-help,
html[data-text-scale]:not([data-text-scale="100"]) .tw-carry-state,
html[data-text-scale]:not([data-text-scale="100"]) .tw-more summary{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs .tw-carry-controls #tw-carry{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-config-fieldset:disabled .tw-character-slot input{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-tabs button{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable td{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table td{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table thead .boss-chip{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-footer,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .rate-summary>div{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-totals{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot>span:not(.boss-chip):not(.empty-slot){font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars .daily-stat small{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars .daily-stat b{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table .combo-mini-unit strong{font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table thead th,
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-support{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-table tbody th>small{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .combo-distribution-head>div:first-child>small,
html[data-text-scale]:not([data-text-scale="100"]) .combo-plan-total small{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) body{font-size:calc((15px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-group-tabs .tw-carry-controls #tw-carry{font-size:calc((16px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .settings-tabs button{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .panel .sub,
html[data-text-scale]:not([data-text-scale="100"]) .small,
html[data-text-scale]:not([data-text-scale="100"]) .muted.small{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn{font-size:calc((12.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .btn.sm{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable thead th{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody th{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card-title{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-card small,
html[data-text-scale]:not([data-text-scale="100"]) .tw-boss-label{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-config-fieldset:disabled .tw-character-slot input{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .tw-config-fieldset:disabled .tw-character-slot select{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .mobile-nav button{font-size:calc((10.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table td{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table thead .boss-chip{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable th,
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-factors .datatable td{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .dashboard-totals{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .attack-slot>span:not(.boss-chip):not(.empty-slot){font-size:calc((11px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .profile-activity-grid .daily-profile-bars>div>.daily-stat b{font-size:calc((13.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .number,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .hp-exact strong{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .recent-battle-table tbody td{font-size:calc((12px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody td,
html[data-text-scale]:not([data-text-scale="100"]) .datatable tbody th{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .db-rate-records .db-top-record-table td{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .number,
html[data-text-scale]:not([data-text-scale="100"]) .battle-sheet.compact-battle-sheet .hp-exact strong{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet){--battle-log-font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) tbody td{font-size:var(--battle-log-font-size)!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) :is(.battle-day-cell,.number,.boss-cell){font-size:var(--battle-log-font-size)!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) .member-cell strong{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) .hp-exact strong{font-size:inherit!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) td .battle-kind{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
@media(max-width:800px){
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet){--battle-log-font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) thead th{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet) td .battle-kind{font-size:calc((11.5px) * var(--user-text-scale,1))!important}
}
@media(max-width:360px){
html[data-text-scale]:not([data-text-scale="100"]) :is(.recent-battle-table,.battle-sheet.compact-battle-sheet){--battle-log-font-size:calc((11.5px) * var(--user-text-scale,1))!important}
}
/* display-settings.css */
html[data-text-scale]:not([data-text-scale="100"]) .display-dialog{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-dialog-head h2{font-size:calc((18px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-copy{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-scale-label{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-scale-label output{font-size:calc((22px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-presets .btn{font-size:calc((13px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-example{font-size:calc((14px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-width-info{font-size:calc((12px) * var(--user-text-scale,1))!important}
html[data-text-scale]:not([data-text-scale="100"]) .display-copy-result{font-size:calc((12px) * var(--user-text-scale,1))!important}