.stat-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.25em;font-family:"Segoe UI Symbol",sans-serif;font-weight:700;line-height:1.25;color:inherit;vertical-align:baseline;cursor:help}
.stat-icon:focus-visible{outline:1px solid #83e8c3;outline-offset:3px;border-radius:3px}
#liveStats>div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff04;border:1px solid #ffffff08;border-radius:8px}
#liveStats dt{color:#9bdcc8;font-size:19px}#liveStats dd{margin-left:auto;font-variant-numeric:tabular-nums}
.card{position:relative;border-radius:12px;gap:8px;padding:16px;min-width:0}
.card>.rarity{align-self:flex-start;font-size:10px;letter-spacing:.08em}
.card>.rank{font-size:11px;color:#b8bfcb}
.card>.good,.card>.bad{margin:0;padding:10px 11px;border-radius:7px;line-height:1.65;background:#71dfb00a;border-left:2px solid #71dfb066}
.card>.bad{background:#ef9c8a08;border-left-color:#ef9c8a66}
.card .stat-icon{font-size:1.1em}.card>b{line-height:1.3}.card .combo-link{font-size:11px;line-height:1.5}
.card-pickup .stat-icon{display:inline-flex;margin:0;font-size:inherit;color:inherit}
#rarityOdds{display:none!important}
@media(max-width:700px){.card{padding:12px;gap:6px}.card>.good,.card>.bad{padding:8px}.stat-icon{min-width:1.4em}}
.stat-icon.stat-icon-pixel{--icon-size:24px;display:inline-block;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);flex:0 0 var(--icon-size);margin:0 2px;vertical-align:middle;background-image:url('assets/stat-icons-pixel.png');background-repeat:no-repeat;background-size:418% 418%;background-position:calc(var(--icon-size)*var(--sprite-x)) calc(var(--icon-size)*var(--sprite-y));image-rendering:pixelated}
#liveStats .stat-icon-pixel{--icon-size:28px;margin:0}
.card-pickup .stat-icon.stat-icon-pixel{display:inline-block;margin:0 2px}
.card.relic-layout{display:flex;flex-direction:column;gap:12px;text-align:left;padding:18px;min-height:290px}
.relic-layout .card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}
.relic-layout .card-top .icon{font-size:30px;line-height:1}
.relic-layout .card-top .rarity{margin:0;white-space:nowrap;padding:5px 8px;border-radius:4px;font-size:11px}
.card.relic-layout>b{font-size:19px;line-height:1.35;margin:0}
.card.relic-layout>.rank{margin:-6px 0 0;font-size:10px;color:#a7aabb}
.card-stats{display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start}
.card-stats:empty{display:none}
.card-stat{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;padding:5px 8px;border:1px solid #81c9b22a;border-radius:6px;background:#6dbaa710;color:#c5eddc;max-width:100%;font-variant-numeric:tabular-nums}
.card-stat.is-negative{color:#f4afa7;border-color:#d17b7138;background:#c9666110}
.card-stat strong{font-size:14px;font-weight:650;line-height:1.4;white-space:nowrap}
.card-stat small{font-size:10px;line-height:1.3;color:inherit;letter-spacing:0;text-transform:none}
.card-description{margin-top:auto;padding:12px;border-radius:7px;background:#0d111b50;border:1px solid #a9b0d019;line-height:1.55;font-size:12px;color:#c2c6d1;overflow-wrap:anywhere}
.card-description p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.card-description p+p{margin-top:7px}
.card-description .effect-negative{color:#edaaa4}
.relic-layout>.combo-link{margin:0;font-size:11px}
@media(max-width:700px){.card.relic-layout{padding:14px;min-height:245px;gap:10px}.card.relic-layout>b{font-size:17px}.card-description{padding:10px}}