.honor-center{display:grid;gap:14px;min-width:0}.honor-showcase{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}.honor-emblem{display:block;width:100px;height:auto;flex-shrink:0}.honor-showcase-art .honor-artwork{width:64px;height:64px}.honor-cell[data-earned=false] .honor-trigger .honor-artwork{filter:grayscale(1);opacity:.4}.honor-showcase-art{padding:0}.honor-showcase-art[data-earned=false]{opacity:.35;filter:grayscale(1)}.honor-showcase-copy{flex:1;min-width:0}.honor-category,.honor-eyebrow{margin:0 0 7px;color:#777085;font-size:11px}.honor-showcase-copy h2{margin:0;color:var(--head);font-size:18px;letter-spacing:-.6px;font-weight:600}.honor-showcase-copy>p:not(.honor-eyebrow){margin:5px 0 8px;color:#777381;font-size:12px;line-height:1.8}.honor-name-preview{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:28px;font-size:13px;overflow-wrap:anywhere}.honor-name-preview>span:not(.player-honor-badge){color:#898593;font-size:11px}.honor-count{display:grid;gap:6px;margin:0;padding-left:20px;border-left:1px solid #e7e4ed;text-align:right;color:#817b8d;font-size:11px}.honor-count strong{color:#555064;font-size:22px;font-weight:500}.honor-count small{color:#98939f;font-size:13px}.honor-collection{padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.honor-collection>header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.honor-collection h2,.honor-notes h2{margin:0;font-size:14px;font-weight:600}.honor-collection>header>span{font-size:11px;color:#898391}.honor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.honor-cell{min-width:0}.honor-trigger{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;width:100%;min-height:110px;padding:8px 6px;border:1px solid #eeecf2;border-radius:8px;background:#faf9fc;cursor:pointer;transition:border-color .15s,background .15s}.honor-trigger-art{position:relative;display:grid;place-items:center}.honor-trigger .honor-artwork,.honor-trigger-art{width:60px;height:60px}.honor-trigger-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;color:#5c5669;font-size:12px;font-weight:500;line-height:17px;overflow-wrap:anywhere}.honor-trigger:hover,.honor-trigger[aria-expanded=true]{border-color:#aca8bd;background:#f2f0f7}.honor-trigger:focus-visible{outline:2px solid #777a93;outline-offset:3px}.honor-cell[data-active=true] .honor-trigger{border-color:#8c879f;background:#eeecf4}.honor-corner{position:absolute;right:1px;bottom:1px;width:14px;height:14px;padding:2px;border-radius:3px;background:#faf9fc;color:#746c83}.honor-detail{position:fixed;inset:auto;width:min(336px,calc(100vw - 16px));max-height:calc(100dvh - 16px);box-sizing:border-box;margin:0;padding:16px;overflow:auto;border:1px solid #e3e0ea;border-radius:8px;background:#fff;color:#494052;box-shadow:0 8px 32px #312a4924;overflow-wrap:anywhere}.honor-detail:popover-open{display:block}.honor-detail-header{display:flex;align-items:center;gap:12px;padding-right:22px}.honor-detail-close{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:#898391;cursor:pointer}.honor-detail-close:hover{background:#f4f1f7}.honor-detail-close:focus-visible{outline:2px solid #777a93;outline-offset:-3px}.honor-detail-close svg{width:16px;height:16px}.honor-item-art{position:relative;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#f6f5f9}.honor-item-art,.honor-item-art .honor-artwork{width:64px;height:64px}.honor-item-content{flex:1;min-width:0}.honor-item-title{display:grid;justify-items:start;gap:7px;min-width:0}.honor-item-title h3{margin:0;font-size:15px;color:#494052;font-weight:600;overflow-wrap:anywhere}.honor-state{display:inline-flex;align-items:center;gap:3px;color:#80718b;font-size:10px;background:#f4f1f7;padding:3px 7px;border-radius:4px}.honor-state svg{width:12px;height:12px}.honor-item-content>p:not(.honor-category){margin:14px 0;color:#767080;font-size:13px;line-height:1.75}.honor-item-content>p:empty{display:none}.honor-item dl{display:grid;gap:10px;margin:14px 0 0;padding:12px;border-radius:6px;background:#f7f6f9;font-size:12px;line-height:1.7}.honor-item dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px}.honor-item dt{flex-shrink:0;color:#948c9c;font-size:11px}.honor-item dd{margin:0;color:#655d70}.honor-item-action{margin-top:14px;padding-top:12px;border-top:1px solid #eeecf2}.honor-item-action .honor-button{width:100%}.honor-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:6px;background:var(--action-bg);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .18s}.honor-button:hover{background:var(--action-hover)}.honor-button--secondary{color:#61576f;border-color:#e0dce7;background:#fff}.honor-button--secondary:hover{background:#f5f3f8}.honor-button:disabled{cursor:wait;opacity:.6}.honor-button:focus-visible{outline:2px solid var(--action-bg);outline-offset:3px}.honor-button svg{width:14px;height:14px}.honor-feedback{margin:12px 0 0;color:#6b6080;font-size:12px}.honor-feedback:empty{margin:0}.honor-feedback[role=alert]{color:#a33f50}.honor-notes{padding:0 2px;color:#87808f}.honor-notes h2{font-size:12px;color:#6f667a}.honor-notes p{margin:7px 0 0;font-size:11px;line-height:1.8}@media (max-width:640px){.honor-showcase-art .honor-artwork{width:48px;height:48px}.honor-center{gap:14px}.honor-showcase{position:relative;gap:10px;padding:12px}.honor-showcase-art{padding:0}.honor-showcase-art .honor-emblem{width:60px}.honor-showcase-copy h2{font-size:16px}.honor-showcase-copy>p:not(.honor-eyebrow){font-size:11px;margin-bottom:10px}.honor-count{display:none}.honor-name-preview{gap:7px;font-size:12px}.honor-collection{padding:12px}.honor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.honor-trigger{min-height:102px}.honor-trigger .honor-artwork,.honor-trigger-art{width:52px;height:52px}.honor-item-title h3{font-size:15px}.honor-detail-close{width:44px;height:44px}.honor-button{min-height:44px}}@media (max-width:359px){.honor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}