/* Readability revision: explicit effect labels, generous type, independent rarity. */
.wing-scope{display:flex;gap:5px;width:fit-content;max-width:100%;padding:5px;background:#0b1b25;border:1px solid #446071;border-radius:7px;margin:4px 0 16px}
.wing-scope button{font-size:15px;min-height:46px;padding:10px 22px;color:#bfd0db;border-radius:4px;font-weight:700;border:1px solid transparent}
.wing-scope button[aria-pressed=true]{color:#f3dca7;background:#66533344;border-color:#ab8a50}.wing-scope button:hover{background:#36516055}
.wing-stat-block{margin:0 17px 16px;padding-top:13px;border-top:1px solid #50657588}.wing-stat-block>p:first-child{font-size:13px;font-weight:700;color:#b9cfd8;margin-bottom:10px}
.wing-stats{margin:0}.wing-stats>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;align-items:center;border-top:1px solid #738c9822;padding:9px 0}.wing-stats>div:first-child{border-top:0}
.wing-stats dt{min-width:0;width:auto;word-break:normal;overflow-wrap:normal;hyphens:none;font-size:14px;line-height:1.5;color:#dbe4e7}.wing-stats dt small{font-size:12px;display:block;color:#9db3be;margin-top:2px}.wing-stats dd{font-size:16px;font-weight:700;color:#e6d9b8;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}
.wing-cosmetic{font-size:13px;line-height:1.7;color:#b5c5ce;margin:0 18px 16px}.wing-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wing-detail-grid .wing-stat-block{margin:0;border:1px solid #4b6372;padding:14px;background:#0e263340}.wing-detail-grid h4{font-size:16px;line-height:1.6;margin-bottom:12px}.wing-detail-grid h4>span{margin-right:7px;font-size:23px}
.wing-stats dt em{display:block;font-style:normal;font-size:12px;color:#b5c7ce;margin-top:4px}.wing-stat-inactive dd{color:#acb7bd}.wing-stat-inactive{border-left:2px solid #74818a;padding-left:9px!important}
@media(max-width:760px){.wing-scope{width:100%;display:grid;grid-template-columns:1fr 1fr}.wing-scope button{padding-inline:10px;font-size:15px}.wing-stat-block{margin-inline:12px}.wing-detail-grid{grid-template-columns:1fr}.wing-stats dt{font-size:14px}.wing-stats dd{font-size:16px}}
:root{font-size:16px;--muted:#c1ccd1}
.sidebar-title,.sidebar-help,.data-stamp{font-size:13px}
.data-stamp small,.sidebar-help small{font-size:12px}
.section-button{font-size:15px;padding-block:13px}.section-button small{font-size:13px}
.topnav button,.region{font-size:14px}.class-button span:last-child{font-size:14px}.class-button small{font-size:12px}
.hero-tip{font-size:16px}.class-role{font-size:15px}.mode-switch button,.variant-label select{font-size:14px}
.section-heading p{font-size:15px;line-height:1.65;max-width:70ch}.section-heading .button,.button{font-size:14px}
.search input,.toolbar select,select,input,textarea{font-size:15px}.tabs button{font-size:14px;min-height:44px}
.context-note{font-size:14px;line-height:1.75;padding:15px 17px}.tier-legend{font-size:13px;gap:16px}.tier-legend b{font-size:17px}
.result-count{font-size:13px}.tier-rail>span{font-size:11px;line-height:1.6}
.tier-card .card-main{padding:20px 48px 17px 19px;gap:15px;min-height:123px}
.tier-card .card-main .game-icon{width:54px!important;height:54px!important}
.card-copy h3{font-size:18px;line-height:1.5}.card-copy .ru-name{font-size:15px;line-height:1.6;color:#cedbe1;word-break:normal;overflow-wrap:normal}
.card-copy .card-type{font-size:13px}.card-why{font-size:15px;line-height:1.7;-webkit-line-clamp:3;color:#c2d1d9;margin-top:11px}
.card-footer{font-size:14px;gap:10px;padding:13px 18px}.card-footer .detail-link{font-size:13px;min-height:40px}.training-chip b{font-size:16px}
.equipped{font-size:12px}.equipped svg{width:15px;height:15px}.favorite-button{width:44px;height:44px;min-height:44px}.favorite-button svg{width:19px;height:19px}
.card-effects{margin:0 16px 15px;padding-top:14px;border-top:1px solid #49647388}
.effects-heading{display:flex;gap:9px;align-items:center;margin-bottom:5px;color:#e3e9e5;font-size:14px;font-weight:700}
.effects-heading svg{width:18px;height:18px;color:var(--gold)}.effects-heading small{font-size:13px;color:#adc2ce;font-weight:400}
.effects-explainer{font-size:13px;line-height:1.7;color:#b2c6d1;margin-bottom:11px}
.effect-preview{width:100%;display:grid;grid-template-columns:32px 32px minmax(0,1fr);align-items:start;gap:10px;padding:12px 10px;margin-top:7px;border-radius:5px;border:1px solid #4a6373;background:#0b202e;text-align:left;min-height:75px}
.effect-preview:hover{border-color:#93bacb;background:#1a3544}.effect-preview .effect-letter{font-size:23px;font-weight:800;line-height:1.5;text-align:center}
.effect-preview img{width:32px;height:36px;object-fit:contain;margin-top:2px}.effect-preview .effect-copy{min-width:0}
.effect-preview strong{display:block;font-size:15px;line-height:1.65;color:#e5eeeb;font-weight:600;overflow-wrap:anywhere}
.effect-preview .effect-unlock{font-size:13px;color:#b9cad4;display:block;margin-top:5px}.effect-preview .effect-unlock b{color:#e0cb95;font-size:14px}
.effect-preview .effect-use{font-size:13px;margin-top:3px;display:block}
.more-effects{margin-top:10px}.more-effects>summary{font-size:13px;line-height:1.5;color:#bcd9e5;min-height:44px;display:flex;align-items:center;cursor:pointer;gap:7px;padding:8px 5px;border:1px solid transparent;border-radius:4px}
.more-effects>summary:before{content:'+';font-size:20px;width:18px;text-align:center}.more-effects[open]>summary:before{content:'−'}.more-effects>summary:hover{border-color:#476474;background:#253f4d}
.effect-row{gap:13px;padding:17px 14px}.effect-row img{width:40px;height:43px}.effect-rank{font-size:36px;min-width:30px}
.effect-text strong{font-size:16px;line-height:1.75}.effect-text p{font-size:14px;line-height:1.8}.effect-text small{font-size:14px}
.effect-row .button{font-size:14px;min-height:44px}.effect-text details summary{font-size:13px;cursor:pointer;margin-top:8px;min-height:32px}
.effect-row.effect-highlight{border-color:#eed49c;box-shadow:0 0 0 2px #d8bb7e44;background:#293d45}
.dialog-content p{font-size:15px;line-height:1.8}.dialog-hero .ru-name{font-size:16px}.dialog-hero .tagline{font-size:13px}
.detail-rank{font-size:15px}.training-stop span,.training-stop small{font-size:13px}.training-stop strong{font-size:28px}
.game-description{font-size:15px;line-height:1.9}.notice{font-size:13px!important;line-height:1.75!important}
.details-table,.details-table td,.details-table th{font-size:14px;padding:12px 10px}.detail-meta{font-size:13px;line-height:1.9}
.disclosure{font-size:14px;line-height:1.8}.disclosure summary{font-size:15px;min-height:32px}.disclosure p,.readable p{font-size:15px}
.simple-row{font-size:15px}.simple-row p,.source-grid p{font-size:14px}.source-grid strong{font-size:15px}
.field{font-size:15px}.build-card small{font-size:13px}.skill-chip{font-size:14px}.macro-chain>span{font-size:14px}.example-caption{font-size:13px}
.currency-tile b{font-size:14px;line-height:1.6}.currency-tile small{font-size:12px}.currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-preferences .switch{font-size:14px}.stat-bar{font-size:14px;grid-template-columns:22px 130px 1fr}.stat-bar strong{font-size:13px}
.fact small{font-size:13px}.fact strong{font-size:16px}.selection-summary>p{font-size:14px}.selection-summary .button{font-size:14px}
.footer{font-size:12px}.footer small{font-size:11px}.footer button{font-size:13px}.toast{font-size:14px}

/* Hue is an item fact. It does not overwrite the S/A/B/C utility rating. */
[data-rarity=common]{--rarity-accent:#d1d9dc;--rarity-rgb:143,160,171}
[data-rarity=rare]{--rarity-accent:#9bdfa5;--rarity-rgb:54,151,86;--rarity-surface:linear-gradient(107.66303422998746deg, rgba(54, 151, 86, 0.35) 8.4861%, rgba(54, 151, 86, 0.07) 66.606%), linear-gradient(90deg, rgb(20, 37, 48) 0%, rgb(20, 37, 48) 100%)}
[data-rarity=epic]{--rarity-accent:#9fd0ff;--rarity-rgb:53,133,208;--rarity-surface:linear-gradient(105.3415465132111deg, rgba(53, 133, 208, 0.46) 8.4861%, rgba(53, 133, 208, 0.07) 66.606%), linear-gradient(90deg, rgb(20, 37, 48) 0%, rgb(20, 37, 48) 100%)}
[data-rarity=unique]{--rarity-accent:#f5d387;--rarity-rgb:210,160,47;--rarity-surface:linear-gradient(124.03506977278872deg, rgba(255, 174, 0, 0.35) 8.4861%, rgba(210, 160, 47, 0.07) 66.606%), linear-gradient(90deg, rgb(20, 37, 48) 0%, rgb(20, 37, 48) 100%)}
[data-rarity=heroic]{--rarity-accent:#ffc18b;--rarity-rgb:229,116,50;--rarity-surface:linear-gradient(135.30289494224454deg, rgba(248, 91, 0, 0.34) 8.4861%, rgba(229, 116, 50, 0.07) 66.606%), linear-gradient(135.30289494224454deg, rgba(229, 116, 50, 0.18) 8.4861%, rgba(229, 116, 50, 0.07) 66.606%), linear-gradient(90deg, rgb(20, 37, 48) 0%, rgb(20, 37, 48) 100%)}
.tier-group .tier-card[data-rarity],.tier-cards>.tier-card[data-rarity]{border-color:rgba(var(--rarity-rgb),.62);background:var(--rarity-surface,linear-gradient(115deg,rgba(var(--rarity-rgb),.18),rgba(var(--rarity-rgb),.07) 70%),#142530);box-shadow:0 4px 16px #0002}
.tier-group .tier-card[data-rarity]:hover,.tier-cards>.tier-card[data-rarity]:hover{border-color:var(--rarity-accent);box-shadow:0 4px 22px rgba(var(--rarity-rgb),.13)}
.tier-card[data-rarity] .card-copy h3{color:var(--rarity-accent)}.tier-card[data-rarity] .game-icon,.dialog-hero[data-rarity] .game-icon{border-color:var(--rarity-accent);box-shadow:0 0 13px rgba(var(--rarity-rgb),.22)}
.rarity-badge{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:600;border:1px solid rgba(var(--rarity-rgb),.48);background:rgba(var(--rarity-rgb),.1);color:var(--rarity-accent);padding:3px 7px;border-radius:4px;margin-bottom:7px}
.rarity-badge:before{content:'';width:6px;height:6px;transform:rotate(45deg);background:currentColor;flex-shrink:0}
.dialog-hero[data-rarity]{background:linear-gradient(120deg,rgba(var(--rarity-rgb),.21),transparent);border-bottom-color:rgba(var(--rarity-rgb),.65)}
.dialog-hero[data-rarity] h2{color:var(--rarity-accent)}.rarity-explainer{font-size:13px!important;color:#bcd0db!important}

@media(max-width:1200px){.class-button span:last-child{font-size:12px}.class-button small{font-size:10px}.tier-card .card-main{padding-left:15px;gap:12px}.card-copy h3{font-size:17px}}
@media(max-width:1000px){.class-button small{font-size:10px}.class-button span:last-child{font-size:12px}.sidebar{width:150px}.section-button{font-size:14px;padding-inline:8px}.section-button small{font-size:12px}.section-button svg{width:17px;height:17px}.tier-rail>span{font-size:10px}}
@media(max-width:760px){
  .class-title h1{font-size:52px}.class-role{font-size:13px;max-width:72%}.hero-inner{min-height:230px}.mode-switch button,.variant-label select{font-size:13px}.hero-controls .mode-switch{margin-bottom:8px}
  .class-button{min-height:61px;padding-block:4px;gap:5px}.class-button span:last-child{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.class-portrait{height:28px;width:35px}.class-list{gap:4px;padding-block:8px}.class-button small{display:none}
  .mobile-section select{font-size:14px}.section-heading .button{font-size:12px}.section-heading h2{font-size:35px}.tier-rail>span{display:none}
  .toolbar{grid-template-columns:minmax(0,1fr) 120px;gap:8px}.toolbar input,.toolbar select{font-size:14px;padding-left:10px}.toolbar .search input{padding-left:37px}.search input::placeholder{font-size:13px}
  .tabs button{font-size:14px;padding-inline:12px;min-height:44px}.tier-legend{font-size:12px;gap:8px 12px;line-height:1.8}.tier-legend b{font-size:16px}.result-count{font-size:12px}
  .context-note{font-size:14px;padding:13px}.tier-card .card-main{padding:16px 43px 14px 13px;gap:12px;min-height:115px}.tier-card .card-main .game-icon{width:43px!important;height:43px!important}
  .card-copy h3{font-size:16px;line-height:1.55}.card-copy .ru-name{font-size:14px;line-height:1.65}.card-copy .card-type{font-size:12px}.card-why{font-size:14px;line-height:1.75;margin-top:10px;-webkit-line-clamp:3}
  .card-footer{font-size:12px;padding:11px 12px;gap:8px}.training-chip b{font-size:15px}.card-footer .detail-link{font-size:13px;min-height:40px}.card-footer .detail-link:before{inset:-2px}.equipped{font-size:12px}
  .card-effects{margin:0 10px 12px;padding-top:13px}.effects-heading{font-size:14px;gap:7px}.effects-heading small{font-size:12px}.effects-explainer{font-size:13px;line-height:1.75}
  .effect-preview{grid-template-columns:26px 27px minmax(0,1fr);gap:8px;padding:12px 8px;min-height:82px}.effect-preview .effect-letter{font-size:23px}.effect-preview img{width:27px;height:31px}.effect-preview strong{font-size:15px;line-height:1.7}.effect-preview .effect-unlock,.effect-preview .effect-use{font-size:13px}.more-effects>summary{font-size:13px;min-height:46px}
  .effect-row{gap:10px;padding:14px 11px}.effect-row img{width:31px;height:35px}.effect-rank{font-size:32px;min-width:25px}.effect-text strong{font-size:15px}.effect-text p,.effect-text small{font-size:13px}.effect-row .button{font-size:13px}.effect-text details summary{font-size:13px;min-height:36px}
  .dialog-content p{font-size:15px}.dialog-hero .ru-name{font-size:15px}.dialog-hero .tagline{font-size:12px}.training-path{gap:6px;flex-wrap:wrap}.training-stop{padding:10px;min-width:70px}.training-stop span,.training-stop small{font-size:12px}.training-stop strong{font-size:26px}
  .game-description{font-size:14px}.details-table td,.details-table th{font-size:13px;padding:10px 6px;overflow-wrap:anywhere}.detail-meta{font-size:12px}.detail-actions .button{font-size:14px}.field{font-size:14px}.field select{font-size:15px}
  .disclosure{padding:13px}.disclosure summary{font-size:14px;min-height:36px}.disclosure p{font-size:14px}.readable p{font-size:15px}.simple-row{font-size:14px}.simple-row p,.source-grid p{font-size:14px}
  .currency-grid{grid-template-columns:1fr}.currency-tile{gap:12px;padding:13px}.currency-tile b{font-size:14px}.currency-tile small{font-size:12px}.shop-preferences .switch{font-size:14px}.fact small{font-size:12px}.fact strong{font-size:15px}.selection-summary>p{font-size:13px}.selection-summary .button{font-size:13px}
  .stat-bar{font-size:14px;grid-template-columns:22px 130px 1fr}.stat-bar strong{font-size:13px}.build-card small{font-size:13px}.example-caption{font-size:13px}.skill-chip{font-size:13px}.footer small{font-size:11px}.footer button{font-size:12px}.rarity-badge{font-size:12px}
}
@media(max-width:390px){.class-title h1{font-size:46px}.class-role{font-size:12px}.class-button span:last-child{font-size:11px}.card-copy h3{font-size:16px}.card-copy .ru-name{font-size:14px}.toolbar{grid-template-columns:minmax(0,1fr) 109px}.toolbar select{font-size:13px;padding-left:8px}.effect-preview{grid-template-columns:24px 24px minmax(0,1fr);gap:6px;padding-inline:6px}.effect-preview img{width:24px;height:29px}.effect-preview strong{font-size:15px}.effects-heading{font-size:13px}.stat-bar{grid-template-columns:20px 112px 1fr}.class-portrait{height:25px}}

@media(max-width:760px){.toolbar input,.toolbar select,.mobile-section select,.field select{font-size:16px}.toolbar{grid-template-columns:minmax(0,1fr) 135px}.card-why{font-size:15px}}