.tm-equipment-overlay { position:fixed; top:0; right:0; bottom:0; left:0; z-index:20000; background:rgba(20,52,72,.6); color:#c5d8e8; font:14px 'Segoe UI',Arial,sans-serif; user-select:none; }
.tm-equipment-overlay * { box-sizing:border-box; }
.tm-eq-panel { position:absolute; left:50%; top:50%; width:1180px; height:660px; padding:30px 34px 24px; background:#080f18 url('../img/ui/sapphire/panel-v1.png') center/100% 100% no-repeat; transform-origin:center; box-shadow:0 20px 100px #000; display:flex; flex-direction:column; }
.tm-equipment-overlay button,.tm-equipment-overlay input,.tm-equipment-overlay select { font:inherit; }
.tm-equipment-overlay button { cursor:pointer; color:inherit; border:1px solid #3d4548; background:#121e28; transition:border-color .15s,background .15s,box-shadow .15s; }
.tm-equipment-overlay button:hover:not(:disabled) { border-color:#c5a96e; background:#233038; }
.tm-equipment-overlay button:focus-visible,.tm-equipment-overlay input:focus,.tm-equipment-overlay select:focus { outline:2px solid #7fdaca; outline-offset:3px; }
.tm-equipment-overlay button:disabled { cursor:default; opacity:.45; }
.tm-eq-header { display:flex; justify-content:space-between; align-items:center; padding:2px 9px 16px; border-bottom:1px solid #79644265; }
.tm-eq-eyebrow { color:#f0ce83; font-size:10px; letter-spacing:3px; }
.tm-eq-header h1 { font:30px Georgia,serif; letter-spacing:1.5px; color:#f2e5c9; margin:5px 0 0; }
.tm-eq-header-right { display:flex; align-items:center; }
.tm-eq-gold { color:#dfc68a; letter-spacing:1px; font-size:12px; margin-right:25px; }
.tm-equipment-overlay .tm-eq-close { width:34px; height:34px; font-size:25px; color:#bba989; border-color:#8a7455; background:#111b23; }
.tm-eq-body { display:grid; grid-template-columns:292px minmax(0,1fr) 276px; grid-template-rows:minmax(0,1fr); min-height:0; flex:1; margin-top:18px; }
.tm-eq-character { padding:0 18px 0 6px; border-right:1px solid #79644250; }
.tm-eq-section-label { color:#e2eaf0; font-size:10px; letter-spacing:1.8px; }
.tm-eq-identity h2 { font:24px Georgia,serif; margin:6px 0 4px; color:#f2e4c8; }
.tm-eq-class { color:#81c9c8; font-size:12px; }
.tm-eq-loadout { position:relative; height:218px; margin-top:10px; background:radial-gradient(ellipse at 50% 65%,#1b45494f,transparent 67%); }
.tm-eq-aura { position:absolute; width:145px; height:145px; top:60px; left:62px; border:1px solid #9c895930; border-radius:50%; box-shadow:0 0 0 8px #a0906620,0 0 0 10px #a090660b,inset 0 0 35px #43878320; }
.tm-eq-aura:after { content:'◇'; position:absolute; top:0; right:0; bottom:0; left:0; color:#f0ce83; font:145px/135px Georgia,serif; text-align:center; }
.tm-eq-avatar { position:absolute; left:69px; top:-10px; width:130px; height:156px; image-rendering:pixelated; filter:drop-shadow(0 5px 12px #000); }
.tm-eq-art { display:block; position:relative; width:60px; height:60px; overflow:hidden; flex-shrink:0; }
.tm-eq-art img { position:absolute; max-width:none; pointer-events:none; }
.tm-eq-art.empty { opacity:.28; filter:saturate(.4); }
.tm-equipment-overlay .tm-eq-slot { position:absolute; width:60px; height:60px; padding:0; border:0; background:transparent; }
.tm-eq-slot-0 { left:0; top:10px; } .tm-eq-slot-1 { right:0; top:10px; } .tm-eq-slot-2 { left:0; top:100px; } .tm-eq-slot-3 { right:0; top:100px; } .tm-eq-slot-4 { left:104px; top:143px; }
.tm-eq-slot:nth-child(n+6) { display:none; }
.tm-eq-slot.selected { outline:1px solid #e6c486; outline-offset:3px; box-shadow:0 0 17px #b59d6330; }
.tm-eq-slot.selected .empty { opacity:.6; }
.tm-eq-slot-label { position:absolute; top:66px; left:-10px; right:-10px; font-size:10px; color:#c3bcae; text-align:center; }
.tm-eq-equipped-dot { position:absolute; right:3px; bottom:2px; color:#83dfcd; font-size:12px; text-shadow:0 1px 3px #000; }
.tm-eq-lock { position:absolute; top:19px; right:0; left:0; font-size:10px; background:#111c; }
.tm-eq-avatar-fallback { position:absolute; left:86px; top:68px; width:98px; height:98px; opacity:.5; }
.tm-eq-equipped-count { text-align:center; color:#e2eaf0; font-size:9px; letter-spacing:2px; margin:5px 0 8px; }
.tm-eq-stat-heading { border-top:1px solid #79644250; padding-top:10px; }
.tm-eq-stats { display:grid; grid-template-columns:1fr 1fr; grid-gap:7px 20px; margin-top:10px; }
.tm-eq-stat { display:flex; justify-content:space-between; color:#9ba9b4; font-size:12px; }
.tm-eq-stat strong { color:#e0ddd4; font-weight:500; }
.tm-eq-inventory { padding:0 20px; display:flex; flex-direction:column; min-height:0; }
.tm-eq-inventory-title { display:flex; justify-content:space-between; align-items:center; }
.tm-eq-inventory-title h2 { font:23px Georgia,serif; margin:8px 0 15px; color:#eee4ce; }
.tm-eq-item-count { display:inline-block; vertical-align:middle; font:11px 'Segoe UI',sans-serif; margin-left:8px; padding:3px 6px; border:1px solid #82734e65; color:#c9b886; }
.tm-equipment-overlay .tm-eq-refresh { padding:6px; border:0; background:transparent; color:#aebbbf; font-size:11px; }
.tm-eq-tools { display:flex; margin:0 0 14px; }
.tm-eq-search,.tm-eq-sort { color:#cbd4d8; background:#070e17; border:1px solid #3c4649; height:34px; border-radius:2px; }
.tm-eq-search { min-width:0; flex:1; padding:0 10px; margin-right:8px; } .tm-eq-search::placeholder { color:#e2eaf0; font-size:12px; }
.tm-eq-sort { width:132px; padding:0 6px; font-size:11px!important; }
.tm-eq-filters { display:flex; border-bottom:1px solid #79644250; margin-bottom:15px; }
.tm-eq-filter + .tm-eq-filter { margin-left:5px; }
.tm-equipment-overlay .tm-eq-filter { padding:7px 11px 10px; font-size:12px; border:0; border-bottom:2px solid transparent; background:transparent; color:#e2eaf0; }
.tm-equipment-overlay .tm-eq-filter.active { color:#e4c890; border-bottom-color:#d2b778; background:linear-gradient(transparent,#102b46); }
.tm-eq-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-content:start; grid-gap:11px 9px; flex:1; overflow-y:auto; padding:3px; scrollbar-width:thin; scrollbar-color:#695d46 #0b1520; }
.tm-equipment-overlay .tm-eq-card { position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; padding:5px; background:linear-gradient(#15202b90,#101a2590); border-color:#48515980; border-radius:3px; }
.tm-eq-card .tm-eq-art { width:56px; height:56px; }
.tm-eq-card-name { font-size:10px; text-align:center; line-height:13px; height:26px; width:100%; overflow:hidden; margin-top:5px; overflow-wrap:anywhere; }
.tm-eq-card-type { font-size:8px; letter-spacing:1px; margin-top:4px; color:#aeb4b9; }
.tm-eq-card.rare { border-color:#416e95; } .tm-eq-card.rare .tm-eq-card-type,.tm-eq-rarity.rare { color:#77bdec; }
.tm-eq-card.epic { border-color:#73578e; } .tm-eq-card.epic .tm-eq-card-type,.tm-eq-rarity.epic { color:#c29be9; }
.tm-eq-card.legendary { border-color:#9d7b37; } .tm-eq-card.legendary .tm-eq-card-type,.tm-eq-rarity.legendary { color:#efc373; }
.tm-equipment-overlay .tm-eq-card.selected { outline:1px solid #77d7cf; outline-offset:1px; box-shadow:0 0 16px #65d6cf1f; background:#163036; }
.tm-eq-card-equipped { position:absolute; right:2px; top:2px; font-size:9px; color:#b8f1da; background:#1d5147; padding:2px 4px; border:1px solid #6fae8c; }
.tm-eq-inventory-foot { color:#e2eaf0; font-size:10px; padding-top:13px; line-height:16px; }
.tm-eq-empty { grid-column:1/-1; align-self:center; text-align:center; padding:47px 25px; }
.tm-eq-empty .tm-eq-art { width:82px; height:82px; margin:0 auto 20px; opacity:.6; }
.tm-eq-empty h3 { color:#dbd0ba; font:19px Georgia,serif; }
.tm-eq-empty p { color:#e2eaf0; line-height:1.8; font-size:12px; }
.tm-eq-detail { border-left:1px solid #79644250; padding-left:20px; min-height:0; display:flex; flex-direction:column; }
.tm-eq-detail-content { flex:1; min-height:0; overflow:auto; padding:0 4px 5px 0; scrollbar-width:thin; scrollbar-color:#695d46 #0b1520; }
.tm-eq-item-hero { padding:14px 0 10px; display:flex; justify-content:center; background:radial-gradient(ellipse at center,#80714d24,transparent 67%); }
.tm-eq-item-hero .tm-eq-art { width:72px; height:72px; box-shadow:0 0 24px #89784c14; }
.tm-eq-rarity { display:block; text-align:center; color:#a7b4b8; letter-spacing:2px; font-size:9px; }
.tm-eq-item-name { text-align:center; font:20px/1.25 Georgia,serif; margin:10px 0 7px; color:#f1e4c9; overflow-wrap:anywhere; }
.tm-eq-item-type { text-align:center; color:#e2eaf0; font-size:11px; line-height:1.6; margin:0 0 16px; }
.tm-eq-comparison { border-top:1px solid #79644250; padding-top:12px; margin-bottom:15px; }
.tm-eq-comparison-title { font-size:8px; letter-spacing:1px; color:#f0ce83; margin-bottom:12px; }
.tm-eq-compare-row { display:flex; align-items:center; padding:5px 0; font-size:12px; }
.tm-eq-compare-row > * + * { margin-left:7px; }
.tm-eq-compare-row>span:first-child { flex:1; color:#abb8bf; }.tm-eq-before { color:#e2eaf0; }.tm-eq-compare-row strong { font-weight:500; }.tm-eq-compare-row small { min-width:28px; text-align:right; }
.tm-equipment-overlay .positive { color:#84dfb3; }.tm-equipment-overlay .negative { color:#f39b97; }
.tm-eq-description,.tm-eq-detail-hint { color:#e2eaf0; font-size:12px; line-height:1.8; white-space:pre-wrap; }
.tm-eq-detail-hint { margin:23px 0; text-align:center; }
.tm-equipment-overlay .tm-eq-equip { width:100%; padding:11px; border:1px solid #ad925e; color:#f2deb1; background:linear-gradient(#51472e,#302e22); font-size:13px; }
.tm-eq-reason { color:#d2b998; font-size:11px; line-height:1.5; }
.tm-eq-current { border-top:1px solid #79644250; padding-top:15px; margin-top:18px; }.tm-eq-current-name { margin-top:8px; font-size:12px; color:#c4c6c1; line-height:1.5; }
.tm-equipment-overlay .tm-eq-unequip { margin-top:12px; padding:6px 10px; font-size:11px; color:#b9c0c1; background:transparent; }
.tm-eq-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #79644250; padding:16px 5px 2px; margin-top:17px; }
.tm-eq-message { font-size:11px; line-height:1.5; color:#91bcb5; margin-right:18px; }.tm-eq-message.error { color:#f1ab94; }
.tm-eq-footer-actions { display:flex; flex-shrink:0; }.tm-eq-footer-actions button { font-size:11px; padding:9px 13px; }.tm-eq-footer-actions button + button { margin-left:9px; }.tm-equipment-overlay .tm-eq-save { border-color:#637b76; color:#acd9ca; }
/* Colorful town theme. Artwork is generated; controls remain live game UI. */
.tm-eq-panel { background:transparent url('../img/ui/sapphire/panel-v1.png') center/100% 100% no-repeat; border-radius:22px; padding:28px 50px 24px; box-shadow:0 18px 70px #071c4d70; }
.tm-eq-header { border:0; padding-bottom:18px; }
.tm-eq-header h1 { color:white; font:bold 28px 'Segoe UI',sans-serif; text-shadow:0 2px #276eac; }
.tm-eq-eyebrow,.tm-eq-gold { color:#fff5bd; }
.tm-eq-body { margin-top:14px; margin-bottom:20px; grid-template-columns:280px minmax(0,1fr) 260px; }
.tm-eq-loadout { height:206px; }
.tm-eq-stats { grid-gap:5px 20px; }
.tm-eq-slot-4 { top:128px; }
.tm-eq-grid { grid-gap:8px; scrollbar-color:#87bbd2 #e9f5fa; }
.tm-eq-card .tm-eq-art { width:52px; height:52px; }
.tm-eq-card-name { height:22px; line-height:11px; }
.tm-eq-section-label { color:#e2eaf0; font-weight:700; letter-spacing:1px; }
.tm-eq-identity h2,.tm-eq-inventory-title h2,.tm-eq-item-name { color:#c5d8e8; font-family:'Segoe UI',sans-serif; font-weight:700; }
.tm-eq-class,.tm-eq-message { color:#e2eaf0; }
.tm-eq-character,.tm-eq-detail,.tm-eq-comparison,.tm-eq-current,.tm-eq-stat-heading,.tm-eq-filters { border-color:#b3ccd8; }
.tm-eq-stat,.tm-eq-compare-row>span:first-child { color:#e2eaf0; }
.tm-eq-stat strong,.tm-eq-current-name { color:#c5d8e8; font-weight:700; }
.tm-eq-equipped-count,.tm-eq-slot-label,.tm-eq-inventory-foot,.tm-eq-description,.tm-eq-detail-hint,.tm-eq-item-type,.tm-eq-before,.tm-eq-comparison-title { color:#e2eaf0; }
.tm-eq-aura { background:#102b46; border-color:#83b9d2; box-shadow:0 0 0 8px #bce4f440,inset 0 0 35px #e4f9ff; }
.tm-eq-aura:after { content:''; }
.tm-equipment-overlay button { background:#102b46; color:#c5d8e8; border-color:#a8c5d6; border-radius:8px; }
.tm-equipment-overlay button:hover:not(:disabled) { background:#102b46; border-color:#379bcc; }
.tm-equipment-overlay .tm-eq-close { color:#fff; background:#102b46; border-color:#ffcbb1; }
.tm-eq-search,.tm-eq-sort { background:#102b46; color:#c5d8e8; border-color:#b3ccd8; border-radius:8px; }
.tm-eq-search::placeholder { color:#e2eaf0; }
.tm-equipment-overlay .tm-eq-filter { color:#e2eaf0; }
.tm-equipment-overlay .tm-eq-filter.active { color:#e2eaf0; border-bottom-color:#359ccc; background:#102b46; }
.tm-eq-item-count { color:#e2eaf0; background:#102b46; border-color:#b9d9e5; border-radius:8px; }
.tm-equipment-overlay .tm-eq-refresh { color:#e2eaf0; }
.tm-equipment-overlay .tm-eq-card,.tm-equipment-overlay .tm-eq-slot { background:#102b46 url('../img/ui/sapphire/panel-v1.png') center/100% 100% no-repeat; border:2px solid #abc1c9; border-radius:9px; }
.tm-eq-art.empty { opacity:.35; filter:saturate(.6); }
.tm-equipment-overlay .tm-eq-card.rare { border-color:#3da9df; background-color:#102b46; }
.tm-equipment-overlay .tm-eq-card.epic { border-color:#a477db; background-color:#102b46; }
.tm-equipment-overlay .tm-eq-card.legendary { border-color:#e0af32; background-color:#102b46; }
.tm-eq-card-name { color:#c5d8e8; font-weight:600; }
.tm-eq-card.rare .tm-eq-card-type,.tm-eq-rarity.rare { color:#e2eaf0; }
.tm-eq-card.epic .tm-eq-card-type,.tm-eq-rarity.epic { color:#e2eaf0; }
.tm-eq-card.legendary .tm-eq-card-type,.tm-eq-rarity.legendary { color:#f4a29b; }
.tm-equipment-overlay .tm-eq-card.selected,.tm-eq-slot.selected { outline:2px solid #eead29; outline-offset:2px; box-shadow:0 0 14px #f4bf4950; }
.tm-eq-empty h3 { color:#c5d8e8; }.tm-eq-empty p { color:#8dd9b1; }
.tm-equipment-overlay .positive { color:#8dd9b1; }.tm-equipment-overlay .negative,.tm-eq-message.error { color:#f4a29b; }
.tm-equipment-overlay .tm-eq-equip { background:linear-gradient(#102b46,#102b46); color:white; border-color:#2680af; font-weight:700; }
.tm-equipment-overlay .tm-eq-unequip { color:#e2eaf0; }
.tm-eq-reason { color:#f4a29b; }
.tm-eq-footer { border:0; padding-top:10px; margin-top:12px; }
.tm-equipment-overlay .tm-eq-save { color:#8dd9b1; border-color:#8bc6b8; background:#102b46; }
.tm-town-button { background:transparent url('../img/ui/sapphire/panel-v1.png') center/100% 100% no-repeat!important; border:0!important; border-radius:10px!important; width:44px!important; height:44px!important; bottom:24px!important; overflow:visible; box-shadow:0 3px 8px #0a1b4560; }
.tm-town-icon { display:block; position:relative; width:34px; height:34px; overflow:hidden; pointer-events:none; }
.tm-town-icon img { position:absolute; width:400%; height:400%; max-width:none; pointer-events:none; }
.tm-town-label { position:absolute; top:46px; left:-8px; right:-8px; text-align:center; color:#fff7d0; font:10px 'Segoe UI',sans-serif; text-shadow:0 1px 3px #000,0 0 4px #000; pointer-events:none; }
.tm-town-utility-icon img { width:200%; height:200%; }
#tm-chat-container.tm-closed { bottom:24px; width:44px; height:44px; }
#tm-chat-toggle.tm-town-button { bottom:0!important; }
#tm-chat-toggle .tm-town-utility-icon img { left:0; top:0; }
.tm-open #tm-chat-toggle .tm-town-utility-icon img { left:-100%; }
.tm-open #tm-chat-toggle .tm-town-label { display:none; }
#btn-flashlight .tm-town-utility-icon img { left:0; top:-100%; }
#btn-flashlight[aria-pressed="true"] .tm-town-utility-icon img { left:-100%; }
#btn-flashlight[aria-pressed="true"] { box-shadow:0 0 14px #ffde88,0 3px 8px #0a1b4560!important; }
.tm-town-button:focus-visible { outline:2px solid #ffde88; outline-offset:3px; }
/* Contrast and frame alignment for character equipment. */
.tm-eq-panel{padding:0 52px;color:#c5d8e8}
.tm-eq-header{position:absolute;top:6%;left:52px;right:52px;height:11%;margin:0;padding:7px 12px;background:linear-gradient(90deg,rgba(10,57,96,.78),rgba(10,57,96,.25));border-radius:10px}
.tm-eq-eyebrow{font-size:11px;color:#fff;letter-spacing:1.5px;line-height:15px}.tm-eq-header h1{font-size:27px;line-height:34px;margin:2px 0 0;text-shadow:0 1px 2px #123b5a}.tm-eq-gold{font-size:14px;font-weight:700;color:white}
.tm-eq-body{position:absolute;top:19%;bottom:16%;left:52px;right:52px;margin:0;padding:0;grid-template-columns:280px minmax(0,1fr) 260px}
.tm-eq-footer{position:absolute;top:86%;height:7%;left:52px;right:52px;margin:0;padding:4px 12px;background:rgba(16,43,70,.48);border-radius:9px}
.tm-eq-message{color:#c5d8e8;font-size:12px;line-height:18px}.tm-eq-message.error{color:#f4a29b}.tm-eq-footer-actions button{min-height:38px;font-size:12px;line-height:18px;padding:8px 12px}
.tm-eq-section-label{color:#c5d8e8;font-size:11px}.tm-eq-class,.tm-eq-stat,.tm-eq-slot-label,.tm-eq-equipped-count,.tm-eq-inventory-foot,.tm-eq-description,.tm-eq-detail-hint,.tm-eq-item-type,.tm-eq-before,.tm-eq-comparison-title{color:#c5d8e8}
.tm-eq-slot-label{font-size:11px;line-height:15px}.tm-eq-equipped-count{font-size:11px;letter-spacing:1px}.tm-eq-inventory-foot{font-size:12px;line-height:18px;padding-top:8px}
.tm-eq-lock{color:#fff;background:#344d60;font-size:11px;padding:3px 0}.tm-eq-stat strong,.tm-eq-current-name{color:#c5d8e8}.tm-eq-stat{font-size:12px}
.tm-eq-empty h3{font:700 19px 'Segoe UI',sans-serif;color:#c5d8e8}.tm-eq-empty p{color:#c5d8e8;font-size:13px;line-height:1.7}.tm-eq-empty{padding:28px 14px}
.tm-equipment-overlay .tm-eq-filter,.tm-equipment-overlay .tm-eq-refresh{color:#c5d8e8;font-size:12px}.tm-eq-search::placeholder{color:#c5d8e8}.tm-eq-search,.tm-eq-sort{font-size:12px!important}
.tm-equipment-overlay .tm-eq-equip{background:linear-gradient(#287fab,#15567f);border-color:#154967;color:white;min-height:40px}
.tm-equipment-overlay .tm-eq-card{background:#102b46}.tm-eq-card-name{font-size:12px;line-height:16px;height:32px;color:#c5d8e8}.tm-eq-card-type{font-size:10px;color:#c5d8e8}
.tm-equipment-overlay .tm-eq-save{color:#8dd9b1;background:#102b46;border-color:#5a917d}.tm-equipment-overlay button:focus{outline:2px solid #165b8c;outline-offset:2px}
.tm-eq-loadout{height:190px}.tm-eq-slot-4{top:110px}.tm-eq-aura{width:130px;height:130px;top:54px;left:69px}.tm-eq-character,.tm-eq-detail{padding-bottom:8px;overflow-y:auto}.tm-eq-item-count{color:#c5d8e8;font-size:12px}.tm-eq-comparison-title{font-size:10px;line-height:14px}.tm-eq-rarity{font-size:11px;letter-spacing:1px}.tm-eq-card.rare .tm-eq-card-type,.tm-eq-rarity.rare{color:#c5d8e8}.tm-eq-card.epic .tm-eq-card-type,.tm-eq-rarity.epic{color:#c5d8e8}.tm-eq-card.legendary .tm-eq-card-type,.tm-eq-rarity.legendary{color:#f4a29b}.tm-equipment-overlay .tm-eq-slot:disabled{opacity:1}
.tm-eq-avatar{left:50%;top:0;margin-left:-55px;width:110px;height:110px;pointer-events:none}

#tm-equipment-hud .tm-eq-panel{background:url('../img/ui/sapphire/panel-v1.png') center/100% 100% no-repeat;isolation:isolate}
#tm-equipment-hud .tm-eq-loadout{background:none}
#tm-equipment-hud .tm-eq-bottom-gold{position:absolute;right:66px;bottom:7%;color:#f4a29b;font-size:18px}
#tm-equipment-hud .tm-eq-message{position:absolute;left:66px;bottom:8%;max-width:650px;color:#f4a29b;font-size:12px}
#tm-equipment-hud .tm-eq-message:empty{display:none}

#tm-equipment-hud .tm-eq-bottom-gold{display:flex;align-items:center;gap:8px}
#tm-equipment-hud .tm-eq-bottom-gold .tm-st-icon{position:relative;display:block;width:32px;height:32px;overflow:hidden;flex-shrink:0}
#tm-equipment-hud .tm-eq-bottom-gold .tm-st-icon img{position:absolute;width:400%;height:400%;max-width:none;pointer-events:none}
/* Shared, text-only equipment requirements inside existing HUD frames. */
.tm-equip-requirements{margin:10px 0;padding:9px 11px;border:1px solid #b7c9c8;border-radius:7px;background:#102b46;color:#c5d8e8;text-align:left;line-height:1.5;overflow-wrap:anywhere}
.tm-equip-requirements>small{display:block;font-size:11px;color:#e2eaf0}.tm-equip-requirements>p{font-size:12px!important;margin:4px 0!important}.tm-equip-requirements>strong{display:block;font-size:12px}.tm-equip-requirements.compatible>strong{color:#8dd9b1}.tm-equip-requirements.incompatible>strong{color:#f4a29b}
.tm-eq-slot.forbidden .tm-eq-art{opacity:.28;filter:grayscale(1)}.tm-eq-slot.forbidden{cursor:not-allowed}.tm-eq-forbidden{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:38px;height:38px;border:3px solid #be4037;border-radius:50%;background:#102b46;pointer-events:none;z-index:2}.tm-eq-forbidden:after{content:'';position:absolute;top:50%;left:-2px;right:-2px;height:3px;background:#be4037;transform:rotate(-45deg)}
/* "Lepas" sits to the right of the selected, equipped item's icon. */
#tm-equipment-hud .tm-eq-item-hero{align-items:center;gap:14px}
#tm-equipment-hud .tm-eq-item-hero .tm-eq-hero-unequip{margin:0;padding:5px 14px;min-height:0;font-size:12px;color:#ffd9d2;border:1px solid #c98a7d;border-radius:6px;background:linear-gradient(#7c3a3f,#562a31)}
#tm-equipment-hud .tm-eq-item-hero .tm-eq-hero-unequip:disabled{opacity:.5}
/* Item requirements in the bottom band, left of the gold. */
#tm-equipment-hud .tm-eq-bottom-info{position:absolute;left:8%;right:28%;bottom:5.5%;height:9.5%;display:flex;align-items:center;overflow:hidden}
#tm-equipment-hud .tm-eq-bottom-info .tm-equip-requirements{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;padding:0;background:none;border:0;font-size:12px;line-height:16px}
#tm-equipment-hud .tm-eq-bottom-info .tm-equip-requirements>*{margin:0}
#tm-equipment-hud .tm-eq-message:not(:empty)~.tm-eq-bottom-info{visibility:hidden}
/* Detail hero: icon stays centred, "Lepas" sits in the right corner. */
#tm-equipment-hud .tm-eq-item-hero{position:relative;justify-content:center}
#tm-equipment-hud .tm-eq-item-hero .tm-eq-hero-unequip{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.tm-eq-effects .tm-eq-compare-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px 8px}
.tm-eq-effects .tm-eq-compare-row>span:first-child,.tm-eq-effects .tm-eq-compare-row>small{grid-column:1/-1;text-align:left}
.tm-eq-effects .tm-eq-compare-row>*+*{margin-left:0;min-width:0;overflow-wrap:anywhere}
.tm-eq-effects .tm-eq-compare-row>strong{text-align:right}