.hand-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.hand-layer>svg{width:100%;height:100%;display:block}.hand-loadout{border-top:1px solid #63776b55}.hand-loadout .button{max-width:190px;text-align:right}.slot-button.relay-occupied{border-color:var(--rarity);box-shadow:0 0 0 1px var(--rarity),0 0 12px color-mix(in srgb,var(--rarity),transparent 75%)}
.relay-tier-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px}.relay-tier{min-width:0;min-height:57px;border:2px solid var(--rarity);background:#27322e;color:#fff;border-radius:4px;padding:5px 2px;box-shadow:1px 2px 0 #101815}.relay-tier span{display:block;font:24px var(--display)}.relay-tier small{font-size:10px;display:block;white-space:nowrap}.relay-tier.selected{background:#111a17;box-shadow:0 0 0 2px #f2eddd,0 0 0 4px var(--rarity)}
.relay-card{border:3px solid var(--rarity);border-radius:6px;overflow:hidden;background:#202c27;box-shadow:3px 4px 0 #101815;color:#efeedd}.relay-art{height:210px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#5f706055,#131e1988),repeating-linear-gradient(0deg,transparent,transparent 23px,#92a09212 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#92a09212 24px);overflow:hidden}.relay-art svg{width:205px;height:205px;object-fit:contain;filter:drop-shadow(0 6px 3px #09130c55)}.relay-rarity{position:absolute;left:12px;top:9px;font-size:11px;letter-spacing:.07em;font-weight:700;background:#14201bd9;padding:4px 7px;border-left:3px solid var(--rarity);z-index:1}.relay-xp{padding:10px 12px 11px;background:#131e18}.relay-xp>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:11px}.relay-xp strong{color:#60e6d4;letter-spacing:.07em}.relay-xp progress{display:block;appearance:none;border:1px solid #708575;background:#344239;width:100%;height:9px;border-radius:2px;overflow:hidden;accent-color:#53e7d0}.relay-xp progress::-webkit-progress-bar{background:#344239}.relay-xp progress::-webkit-progress-value{background:linear-gradient(90deg,#149f99,#60f0cb)}.relay-xp progress::-moz-progress-bar{background:#53e7d0}.relay-info{padding:13px 14px 14px}.relay-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.relay-title .eyebrow{font-size:10px!important;color:#a7b4a5!important}.relay-title h3{font:31px/1.1 var(--display);margin:5px 0}.relay-rating{font:30px var(--display);color:#64e8d5;text-align:right}.relay-rating small{display:block;font:9px var(--body);letter-spacing:.04em}.relay-info p{font-size:13px;line-height:1.45;color:#c1ccb9;margin:9px 0 12px}.relay-stats{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #6e887755;font-size:12px}.relay-stats strong{white-space:nowrap}.relay-stat-note{display:block;font-size:10px;line-height:1.4;color:#a0b29e;margin-top:5px}.relay-owned{display:flex;justify-content:space-between;gap:7px;font-size:10px;font-weight:700;color:#52634e;margin:12px 0 8px}.relay-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px}.relay-actions .button{font-size:13px;justify-content:center;padding:10px 8px;min-height:43px}.relay-test-button{background:#d3dbc8;border:2px solid #778871;color:#243c30}.relay-wide{width:100%;justify-content:center;margin-top:9px;text-align:center}.relay-forge{border-top:2px solid #b3bba6;margin-top:15px;padding-top:12px}.relay-forge-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.relay-forge-heading strong{letter-spacing:.1em}.relay-forge p,.relay-lab-notes p{font-size:12px;line-height:1.5;color:#53634d;margin:7px 0}.relay-upgrade{background:#273b30;color:#f5f0d8;border:2px solid #101a13;min-height:43px}.relay-upgrade:hover:not(:disabled){background:#405d47}.relay-recipe{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;text-align:center;gap:5px;font-size:12px;margin:10px 0 4px}.relay-recipe>span{border:1px dashed #7d9073;padding:9px 3px;background:#d8dfca}.relay-recipe small{display:block;font-size:10px;margin-top:3px;color:#596b50}.relay-lab-notes{font-size:12px;margin-top:13px;border-top:1px solid #b2bea8;padding-top:10px}.relay-lab-notes summary{cursor:pointer;font-weight:600;color:#425f42;min-height:28px}.relay-lab-notes .button{font-size:12px}.relay-actions button:disabled,.relay-forge button:disabled{opacity:.45;cursor:not-allowed}.relay-tier:focus-visible,.relay-actions button:focus-visible,.relay-forge button:focus-visible{outline:3px solid #00958e;outline-offset:4px}
@media(max-width:480px){.relay-title h3{font-size:29px}.hand-loadout{gap:9px}.hand-loadout .button{font-size:12px;max-width:140px}.relay-art{height:195px}.relay-art svg{width:190px;height:190px}}