.active-card-hud{position:absolute;left:18px;top:18px;display:grid;grid-template-columns:40px auto;gap:3px 7px;background:#141217ee;border:1px solid color-mix(in srgb,var(--card),#211923 55%);padding:7px 10px 7px 5px;border-radius:8px;pointer-events:none;min-width:145px;z-index:4}.active-card-hud svg{width:43px;height:39px;grid-row:1/3}.active-card-hud strong{font-size:10px;color:var(--card);align-self:end}.active-card-hud span{font-size:8px;font-weight:700;color:#eee4d5}.active-card-track{grid-column:1/3;height:3px;background:#ffffff15;border-radius:3px;overflow:hidden}.active-card-track i{display:block;height:100%;background:var(--card);border-radius:3px}.return-armed{position:absolute;left:18px;top:86px;background:#271c36e8;border:1px solid #baa0ff66;color:#decaff;font-size:8px;padding:5px 8px;border-radius:5px;pointer-events:none}.cards-dialog{width:min(750px,94vw);max-width:750px;padding:30px}.cards-dialog h2{font-size:39px;margin-bottom:8px}.cards-dialog>p{max-width:580px;font-size:12px}.collection-heading{display:flex;justify-content:space-between;color:#b4a68c;font-size:8px;font-weight:800;letter-spacing:.8px;margin:20px 0 10px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.collection-card{display:flex;flex-direction:column;align-items:center;position:relative;border:1px solid color-mix(in srgb,var(--card),#342b33 70%);border-radius:11px;background:linear-gradient(160deg,color-mix(in srgb,var(--card),#131117 87%),#171418);padding:12px 10px 14px;text-align:center;box-shadow:0 6px 0 #080709,inset 0 1px #ffffff0d;min-width:0}.collection-card.selected{border-color:var(--card);box-shadow:0 6px 0 color-mix(in srgb,var(--card),#080709 80%),inset 0 0 0 2px color-mix(in srgb,var(--card),transparent 85%)}.card-rarity{color:var(--card);font-size:7px;font-weight:800;letter-spacing:1px}.collection-card .card-art{height:116px;margin:5px 0}.collection-card strong{font-family:var(--display);font-size:23px;line-height:1}.card-tag{font-size:6px;font-weight:800;letter-spacing:.8px;color:var(--card);margin:8px 0}.collection-card p{font-size:9px;line-height:1.6;color:#b2a8b7;margin:0 0 14px;flex:1}.card-quantity{font-size:7px;font-weight:800;color:#ded4c0;border-top:1px solid #ffffff10;padding-top:10px;width:100%}.cards-dialog-actions{display:flex;gap:12px;margin-top:23px;align-items:center;flex-wrap:wrap}.cards-dialog-actions .primary-button{padding:12px 18px;font-size:14px;flex:1}.cards-dialog-actions>button:not(.primary-button){padding:9px 11px;border:1px solid #403a31;border-radius:6px;background:#1b1814;color:#baa98d;font-size:9px}.cards-dialog .prototype-note{font-size:9px;color:#857c71;margin-bottom:0}.game-frame:fullscreen .active-card-hud{top:18px}
@media(max-width:600px){.active-card-hud{top:18px;left:10px;min-width:120px;padding:5px}.active-card-hud strong{font-size:9px}.return-armed{left:10px;top:86px}.cards-dialog{padding:24px 17px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-card .card-art{height:91px}.collection-card p{font-size:9px}.collection-card strong{font-size:21px}.cards-dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.collection-card{transition:none}}
.card-quick-slots{position:absolute;right:18px;top:18px;display:flex;gap:6px;z-index:5}.quick-card{position:relative;width:43px;height:48px;padding:2px;border:1px solid color-mix(in srgb,var(--card),#211923 40%);background:#17151bee;border-radius:7px}.quick-card kbd{position:absolute;bottom:1px;right:3px;color:var(--card);font-size:8px;font-weight:800}.quick-card.spent{filter:grayscale(1);opacity:.35}.quick-card:hover:not(:disabled){border-color:var(--card)}@media(max-width:600px){.card-quick-slots{top:18px;right:10px;gap:4px}.quick-card{width:32px;height:39px}}

.in-game-loadout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:7px 10px;border:1px solid #ffffff24;border-radius:6px;background:#1c191ee8;color:#ddd1ec;font-size:10px;font-weight:800;letter-spacing:.4px}.in-game-loadout svg{width:24px;height:22px}.in-game-loadout span{margin-left:auto;color:#b8a3d9;font-size:9px}.in-game-loadout:hover{border-color:#baa0ff;background:#30253f}.in-game-loadout:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.game-frame:not(:fullscreen) .start-card{bottom:86px;padding-top:16px;padding-bottom:16px}
.game-frame:not(:fullscreen) .start-card h1{font-size:52px;margin:8px 0 6px}
.game-frame:not(:fullscreen) .start-card p{margin-bottom:8px}