.trio-card{padding:17px!important;background:linear-gradient(155deg,#1b2839,#101821)!important;border:1px solid #34485d!important;border-radius:15px!important;gap:13px;display:flex;flex-direction:column}.trio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.trio-heading>div{min-width:0}.trio-heading small{color:#bbad6c;font-size:9px;letter-spacing:1.6px}.trio-heading h3{font-size:15px;margin:5px 0 0;color:#e8edf4;line-height:1.4}.trio-band{display:flex;align-items:center;flex-direction:column;gap:4px;background:#d2bb5416;border:1px solid #b6a04055;border-radius:9px;padding:8px 12px;white-space:nowrap}.trio-band small{font-size:8px;color:#a99a7f}.trio-band b{color:#ebcb8b;font-size:17px}.trio-all{width:100%;border:1px solid #344b61;background:#1c2d40;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:11px;color:#c5d7e9;cursor:pointer}.trio-all.chosen{border-color:#d3be60;background:#c2a83420;color:#edce8d}.trio-all b{font-size:12px}.trio-all span{font-size:10px;opacity:.8}.trio-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.trio-choice{min-width:0;border:1px solid #30485f;border-radius:10px;background:#0f1b28;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 4px;color:#b5c8db;cursor:pointer;transition:background .15s,border-color .15s}.trio-choice.chosen{border-color:#d3be60;background:#77692d35;color:#f2d7a3}.trio-choice:hover{background:#25394e}.trio-choice b{font-size:10px;line-height:1.3;min-height:26px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.trio-choice small{font-size:10px;color:#86a1bb}.trio-selection{display:flex;justify-content:space-between;gap:8px;color:#dac398;font-size:10px}.trio-selection span{color:#7e9ab3}.trio-actions{display:flex;gap:7px;margin-top:auto}.trio-actions select{min-width:0;max-width:95px;background:#111d29;border:1px solid #3a4f62;border-radius:7px;color:#b7cbdd;padding:8px;font-size:11px}.trio-actions .hgo{flex:1;font-size:10px;letter-spacing:.2px;min-width:0}.trio-foot{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;border-top:1px solid #2c4052;padding-top:10px}.trio-foot small{color:#7f9ab2;font-size:9px}.trio-details{padding:4px 0;color:#c6ac7a;background:none;border:0;cursor:pointer;font-size:10px}.trio-choice:focus-visible,.trio-all:focus-visible{outline:2px solid #f0db7e;outline-offset:2px}
.item-tooltip{width:310px;max-width:100%;color:#cad7e5;font-family:Inter,system-ui,sans-serif;font-size:11px;line-height:1.5}.it-header{display:flex;align-items:center;gap:13px;margin-bottom:13px}.it-art{height:64px;width:64px;flex:none;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--item-quality) 55%,#263544);background:radial-gradient(circle,#253344,#101821 75%);border-radius:13px;box-shadow:inset 0 0 15px #0004}.it-art img{width:52px;height:52px;object-fit:contain}.it-heading{min-width:0}.it-heading>small{font-size:8px;letter-spacing:1.8px;color:#7f9ab3}.it-heading h3{color:var(--item-quality);margin:4px 0 6px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.it-heading p{margin:6px 0 0;font-size:9px;color:#8cacc0}.it-heading .it-locked{color:#f28c95}.it-tags{display:flex;flex-wrap:wrap;gap:5px}.it-tags span{font-size:9px;background:#283747;border:1px solid #3b4c60;padding:2px 6px;border-radius:4px;color:#a8bed1}.it-tags .it-quality{color:var(--item-quality);border-color:var(--item-quality)}.it-tags .it-refine{color:#e6c273;border-color:#8b733a}.it-tags .it-equipped{color:#84d4ad;border-color:#3d7860}.it-set{display:grid;grid-template-columns:1fr auto;gap:3px 8px;border:1px solid #33485b;border-radius:8px;background:#1b2a3933;padding:8px 10px;margin-bottom:9px}.it-set small{grid-column:1/-1;font-size:8px;letter-spacing:1.5px;color:#7e98ad}.it-set b{font-size:10px;color:#b9cbde;font-weight:600}.it-set span{font-size:9px;color:#c6b082;white-space:nowrap}.it-section{margin:10px 0 0}.it-section h4{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7e9bb3;margin:0 0 5px;border-bottom:1px solid #2e4051;padding-bottom:4px}.it-stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:11px}.it-stat>span{color:#99b0c6}.it-stat>b{font-weight:700;color:#e4edf6;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.it-stat em{font-size:9px;font-style:normal;font-weight:500;margin-left:7px;padding:1px 3px;border-radius:3px;background:#172638}.it-stat .positive{color:#7fd4a4}.it-stat .negative{color:#f4939a}.it-scaling{background:#202d3a;border-radius:6px;padding:7px 9px;margin-top:10px;display:flex;flex-direction:column;gap:2px}.it-scaling b{font-size:9px;color:#c8b380}.it-scaling span,.it-compare-note{color:#859fb5;font-size:9px}.it-compare-note{margin:7px 0 0}.it-weapon{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:9px;font-size:10px}.it-weapon>span{color:#839db3}.it-weapon b{color:#bdccdd}.it-weapon small{flex-basis:100%;color:#8ca6bd}.it-trait{display:flex;flex-direction:column;gap:3px;margin-top:10px;border-left:2px solid #b2a25b;padding-left:8px;font-size:10px}.it-trait b{color:#d7bc87}.it-origin{border-top:1px solid #344658;margin-top:12px;padding-top:9px}.it-origin>small{letter-spacing:1.5px;font-size:8px;color:#8098ab}.it-origin p{margin:3px 0;color:#a9bdd0;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.it-origin>span{font-size:9px;color:#758da2}.it-set-note{font-size:8px;color:#768ca0;margin:6px 0}.it-price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2d4052;margin-top:10px;padding-top:9px;gap:12px}.it-price>span{font-size:10px;color:#8aa0b5}.it-price b{color:#d8bd80;font-size:11px}.it-price>small{font-size:9px;color:#b7a68b}.it-flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.it-flags span{font-size:8px;color:#c9ac7c;border:1px solid #695940;border-radius:4px;padding:2px 5px}.tooltip:has(.item-tooltip){max-width:min(700px,calc(100vw - 20px));padding:14px;background:linear-gradient(145deg,#152332,#101820);border:1px solid #435669;border-radius:13px;max-height:calc(100vh - 20px);overflow-y:auto}.tooltip:has(>.item-tooltip){max-width:min(340px,calc(100vw - 20px))}.item-cmp{gap:12px!important}.item-cmp-col{min-width:0}.item-cmp-col .item-tooltip{width:290px}.item-cmp-t{font-size:9px!important;letter-spacing:1px;color:#94aabe!important;margin-bottom:10px!important}.item-cmp-col.now{border-left:1px solid #34495a;padding-left:12px}@media(max-width:600px){.trio-card{padding:14px!important}.item-cmp{display:flex!important;flex-direction:column!important}.item-cmp-col.now{border-left:0;border-top:1px solid #34495a;padding-left:0;padding-top:12px}.item-tooltip,.item-cmp-col .item-tooltip{width:100%}.tooltip:has(.item-tooltip){max-width:calc(100vw - 20px)}.it-header{gap:10px}.it-heading h3{font-size:13px}.it-set{grid-template-columns:1fr}.it-set span{grid-column:1}.it-art{width:55px;height:55px}.it-art img{width:47px;height:47px}}