/* Artwork cards: a collection before the climb, a usable hand during it. */
.menu-deck small{margin-left:auto;font-family:var(--body);font-size:9px;color:#e5ca78;letter-spacing:.5px}
.cards-dialog{width:min(1080px,calc(100vw - 40px));max-width:1080px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px 30px;background:radial-gradient(ellipse at 100% 0,#49323755,transparent 55%),linear-gradient(135deg,#27221f,#131313);border:2px solid #d8bd7355;border-radius:12px;box-shadow:0 8px 0 #0008,0 24px 90px #000b}
.cards-dialog::backdrop{background:#080808c9}.cards-dialog h2{font-size:48px;letter-spacing:.8px;margin:5px 0 6px}.cards-dialog .deck-intro{max-width:none;margin:0 0 22px;color:#c5bcaa}
.deck-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.deck-collection{min-width:0}.collection-heading{margin:0 0 12px;font-size:9px;letter-spacing:1px;color:#d4c6a6}#cardSelectionCount{color:#f3ce66}
.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.collection-card{position:relative;display:flex;flex-direction:column;padding:7px 5px 12px;gap:0;border:1px solid #d1bdae22;border-radius:9px;background:#09090866;box-shadow:0 5px 0 #05050570;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s;align-items:stretch;isolation:isolate}
.collection-card.selected{border-color:var(--card);box-shadow:0 5px 0 #05050570,inset 0 0 0 1px var(--card),0 0 18px color-mix(in srgb,var(--card),transparent 90%)}.collection-card:hover:not(:disabled){transform:translateY(-5px);border-color:var(--card)}.collection-card:disabled:not(.selected){opacity:.5}.card-choice{display:block;font-size:7px;font-weight:800;letter-spacing:.7px;line-height:16px;text-align:center;color:#b7ada0}.selected .card-choice{color:var(--card)}
.card-face{display:block;position:relative;width:100%;aspect-ratio:5/7;flex-shrink:0;pointer-events:none}.card-face img{display:block;width:100%;height:100%;object-fit:contain;clip-path:inset(3% 4% round 6%);user-select:none}.collection-card .collection-name{font-family:var(--display);font-size:22px;line-height:1.1;margin:6px 7px 4px;padding-right:24px}.collection-card p{font-size:10px;line-height:1.5;margin:0 7px;color:#ccc1af}.card-quantity{position:absolute;right:12px;top:auto;bottom:69px;border:0;padding:0;width:auto;font-size:11px;color:var(--card)}
.illustrated-card{width:92%;margin:3% 4%;aspect-ratio:23/33;border:2px solid #9ec957;border-radius:8%;background:radial-gradient(circle at 50% 46%,#9fc763aa,transparent 62%),linear-gradient(145deg,#416346,#172921);box-shadow:inset 0 0 0 4px #e3efd238;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f7f0d4;padding:9px}.illustrated-card svg{width:100%;height:auto;margin:10px 0}.illustrated-card strong{font-family:var(--display);font-size:clamp(13px,2vw,23px);text-align:center}.illustrated-rank{align-self:start;font-family:var(--display);font-size:23px;color:#f4dc68;font-weight:900}.illustrated-caption{font-size:7px;font-weight:800;text-align:center}
.loadout-panel{padding:18px 13px;border:1px solid #d3b87344;background:#08080755;border-radius:9px;align-self:start}.loadout-panel>.eyebrow{font-size:7px;letter-spacing:1px}.loadout-panel h3{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:28px;margin:8px 0 16px}.loadout-panel h3 small{font-family:var(--body);font-size:7px;color:#d4b76c}.loadout-slots{display:grid;gap:10px}.loadout-slot{display:flex;align-items:center;gap:9px;min-height:83px;padding:6px;border:1px solid color-mix(in srgb,var(--card,#aa9678),transparent 65%);border-radius:6px;background:#ffffff04;text-align:left}.loadout-slot .card-face{width:43px}.loadout-slot .illustrated-card{width:40px;margin:0}.loadout-slot .illustrated-card strong,.loadout-slot .illustrated-caption,.loadout-slot .illustrated-rank{display:none}.loadout-slot strong{display:block;font-family:var(--display);font-size:21px;color:var(--card)}.loadout-slot small{display:block;font-size:7px;margin-top:5px;color:#aa9b84;letter-spacing:.5px}.loadout-number{font-family:var(--display);font-size:17px;color:#b5a687;width:12px;flex-shrink:0}.loadout-slot.empty{border-style:dashed;color:#8e8170}.loadout-empty{font-size:8px;letter-spacing:1px}.loadout-slot:hover:not(:disabled){border-color:var(--card);background:#ffffff0b}.loadout-panel p{font-size:10px;line-height:1.6;color:#cabda7;margin:16px 0 0}.loadout-panel .loadout-controls{font-size:9px;color:#978b77;border-top:1px solid #ffffff16;padding-top:13px}
.cards-dialog-actions{margin-top:22px;gap:10px}.cards-dialog-actions .primary-button{flex:0 1 230px;margin-left:auto;font-family:var(--display);font-size:22px;min-height:47px}.cards-dialog-actions>button:not(.primary-button){min-height:44px;font-size:9px}.cards-dialog .prototype-note{font-size:9px;margin:14px 0 0}
.card-hand-panel{top:auto;bottom:18px!important;left:50%;right:auto!important;transform:translateX(-50%);gap:10px;align-items:end;filter:drop-shadow(0 6px 6px #0008)}
.quick-card{width:108px;height:auto;min-height:0;padding:0 0 6px;border:1px solid color-mix(in srgb,var(--card),#17130e 45%);border-radius:9px;background:linear-gradient(150deg,#302724f2,#0a0a09f2);box-shadow:0 4px 0 #080807a0;transition:transform .16s,box-shadow .16s;touch-action:manipulation;overflow:visible}.quick-card .card-face{margin:-2px 0 0}.quick-card kbd{top:-8px;left:3px;right:auto;bottom:auto;padding:3px 5px;background:#191713;border:1px solid var(--card);border-radius:3px;font-size:11px;color:#fff2cf;box-shadow:0 2px 0 #0008}.quick-card:hover:not(:disabled){transform:translateY(-12px);box-shadow:0 4px 0 #080807a0,0 0 24px color-mix(in srgb,var(--card),transparent 65%)}.quick-card.spent{filter:grayscale(.9);opacity:.48}.quick-card.in-use{filter:none;opacity:1;border-color:var(--card);box-shadow:0 0 15px color-mix(in srgb,var(--card),transparent 50%)}
.active-card-hud,.game-frame:fullscreen .active-card-hud{top:78px;left:18px;grid-template-columns:40px auto;min-width:170px;max-width:220px;background:#151210ee;border-color:var(--card)}.active-card-image{width:40px;height:56px;object-fit:contain;clip-path:inset(3% 4% round 6%);grid-row:1/3}.active-card-hud strong{font-size:13px}.active-card-hud span{font-size:10px}.return-armed{top:158px;left:18px}
@media(max-width:900px){.cards-dialog{padding:23px}.deck-layout{grid-template-columns:minmax(0,1fr) 190px;gap:15px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-card .card-face{max-width:190px;align-self:center}.card-quantity{position:static;align-self:flex-end;margin:6px 7px -23px;z-index:1}.quick-card{width:88px}}
@media(max-width:600px){.cards-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 14px}.cards-dialog h2{font-size:34px;padding-right:19px}.cards-dialog .deck-intro{font-size:11px;line-height:1.5;margin-bottom:18px}.deck-layout{display:flex;flex-direction:column;gap:18px}.collection-grid{gap:9px}.collection-card p{font-size:9px}.collection-card .collection-name{font-size:21px}.loadout-panel{width:100%;padding:12px}.loadout-panel h3{font-size:25px;margin:7px 0 12px}.loadout-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.loadout-slot{flex-direction:column;position:relative;gap:4px;padding:7px 2px;min-height:111px;text-align:center}.loadout-slot .card-face{width:40px}.loadout-number{position:absolute;top:3px;left:4px;font-size:13px}.loadout-slot strong{font-size:16px}.loadout-slot small{font-size:6px}.loadout-slot.empty{justify-content:center}.loadout-empty{font-size:7px}.loadout-panel .loadout-controls{margin-top:10px;padding-top:9px}.cards-dialog-actions{flex-wrap:wrap;margin-top:17px;gap:8px}.cards-dialog-actions .primary-button{flex-basis:100%;margin-left:0;order:-1}.cards-dialog-actions>button:not(.primary-button){flex:1;font-size:8px;padding-inline:6px}.card-hand-panel{left:auto;right:max(14px,calc(env(safe-area-inset-right) + 8px))!important;bottom:max(10px,calc(env(safe-area-inset-bottom) + 6px))!important;transform:none;gap:6px}.quick-card{width:62px}.quick-card kbd{font-size:9px;top:-5px}.quick-card:hover:not(:disabled){transform:none}.game-frame:not([data-mode=ready]) .run-hud{top:226px;bottom:auto;left:14px;max-width:43vw;gap:6px}.game-frame:not([data-mode=ready]) .chat-panel{bottom:248px;max-width:58vw}.touch-controls{bottom:130px}.active-card-hud,.return-armed{display:none!important}}
@media(max-width:600px) and (max-height:740px){.game-frame:not([data-mode=ready]) .chat-messages{height:24px}.game-frame:not([data-mode=ready]) .chat-panel{bottom:248px}.game-frame:not([data-mode=ready]) .run-hud .altitude span{font-size:27px}.game-frame:not([data-mode=ready]) .run-hud .hud-stat{font-size:9px}.game-frame:not([data-mode=ready]) .run-hud .hud-stat b{font-size:11px}}
@media(max-height:470px) and (min-width:601px){.card-hand-panel{left:180px;right:auto!important;bottom:10px!important;transform:none;gap:6px}.quick-card{width:64px}.touch-controls{bottom:128px}.run-hud{left:14px;gap:5px;max-width:150px}.run-hud .altitude span{font-size:24px}.run-hud .altitude .ui-icon{display:none}.run-hud .hud-stat{padding-left:5px;font-size:8px}.run-hud .hud-stat b{font-size:10px}.run-hud .hud-stat .ui-icon,.run-hud .falls,.course-count{display:none}.active-card-hud,.return-armed{display:none!important}}
@media(pointer:coarse){.quick-card{min-width:44px}.collection-card{touch-action:manipulation}.loadout-slot{min-height:83px}}
@media(prefers-reduced-motion:reduce){.quick-card,.collection-card{transition:none}}
@media(max-width:1200px) and (min-width:601px) and (min-height:471px){.card-hand-panel{left:22px;right:auto!important;bottom:110px!important;transform:none;gap:8px}.quick-card{width:88px}}
@media(pointer:coarse) and (min-width:601px) and (min-height:471px){.card-hand-panel{bottom:230px!important}}
@media(max-width:600px){.game-frame:not([data-mode=ready]) .run-hud{max-width:100px;flex-direction:column;align-items:flex-start;gap:7px}.run-hud .hud-stat{border-left:0;padding-left:0}.run-hud .altitude span{font-size:30px}}

.active-card-hud strong{grid-column:2;grid-row:1}.active-card-hud>span{grid-column:2;grid-row:2}.illustrated-card svg{flex:none}
.toast{top:auto;bottom:222px}
@media(max-width:1200px) and (min-width:601px) and (min-height:471px){.toast{bottom:300px}}
@media(max-width:600px),(max-height:470px){.toast{top:auto;bottom:140px}}

/* One shared HUD plate; artwork and shortcut numbers only. */
.card-hand-panel{position:absolute;z-index:5;display:block;padding:13px 14px 10px;background:linear-gradient(140deg,#292624ef,#141413f2);overflow:visible;filter:none}
.card-hand-panel .card-quick-slots{position:static;display:flex;align-items:stretch;gap:12px;left:auto!important;right:auto!important;top:auto;bottom:auto!important;transform:none;filter:none}
.card-hand-panel .quick-card{height:auto;min-height:0;padding:0 0 2px;border:0;border-radius:6px;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:3px}
.card-hand-panel .quick-card .card-face{margin:0}.card-hand-panel .quick-card kbd{position:static;display:grid;place-items:center;width:25px;height:23px;margin:0;background:#89848524;border:1px solid #ffffff25;border-radius:4px;box-shadow:0 2px 0 #05050570;color:#f0e5c8;font-family:var(--display);font-size:16px;line-height:1}
.card-hand-panel .quick-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:none}.card-hand-panel .quick-card.in-use{box-shadow:none}.quick-card.in-use .card-face{filter:drop-shadow(0 0 7px var(--card))}.card-hand-panel .quick-card.in-use kbd{border-color:var(--card);color:var(--card)}
.card-hand-panel .quick-card.in-use:after{content:'';position:absolute;left:10%;right:10%;bottom:-5px;height:3px;border-radius:3px;background:var(--card);transform:scaleX(var(--buff-progress,1));transform-origin:left}
.hand-empty{position:relative;width:108px;aspect-ratio:5/8.3;border:1px dashed #d3b87335;border-radius:6px;display:flex;align-items:end;justify-content:center;padding-bottom:3px;color:#8d846e}.hand-empty kbd{font-size:14px}
@media(max-width:1200px) and (min-width:601px) and (min-height:471px){.card-hand-panel{padding:10px 12px}.card-hand-panel .card-quick-slots{gap:8px}.hand-empty{width:88px}}
@media(max-width:600px){.card-hand-panel{padding:8px}.card-hand-panel .card-quick-slots{gap:6px}.card-hand-panel .quick-card kbd{width:21px;height:18px;font-size:13px}.card-hand-panel .quick-card:hover:not(:disabled){transform:none}.hand-empty{width:62px}.touch-controls{bottom:144px}}
@media(max-height:470px) and (min-width:601px){.card-hand-panel{padding:6px}.card-hand-panel .card-quick-slots{gap:4px}.card-hand-panel .quick-card kbd{width:21px;height:18px;font-size:13px}.hand-empty{width:64px}.touch-controls{bottom:144px}}