.card-spot{width:var(--card-width);height:var(--card-height);border:2px dashed rgba(255,255,255,.12);border-radius:var(--card-radius);background:#0000001f;position:relative;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast);box-sizing:border-box}.card-spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 2px 6px #00000040;pointer-events:none}.card-spot.foundation:before{content:attr(data-suit-symbol);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--card-suit-center);font-weight:700;color:#ffffff0f;pointer-events:none}.card{width:var(--card-width);height:var(--card-height);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);position:relative;-webkit-user-select:none;user-select:none;cursor:grab;font-family:var(--font-body);box-sizing:border-box;transition:transform var(--transition-fast),box-shadow var(--transition-fast);background-image:linear-gradient(to bottom,#fff9,#fff0 8%);background-blend-mode:overlay}.card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.card:active,.card.dragging{cursor:grabbing;transform:translateY(-4px) scale(1.02);box-shadow:var(--card-shadow-drag);z-index:100}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(3px,.4vw,7px);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.card-value-suit{display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700;font-size:var(--card-font-value);width:min-content}.card-value-suit span{font-family:var(--font-heading)}.card-value-suit .suit-icon{font-size:var(--card-font-suit);margin-top:1px}.card-value-suit.bottom-right{transform:rotate(180deg);align-self:flex-end}.card-suit-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--card-suit-center);pointer-events:none;opacity:.85}.card.suit-red{color:var(--suit-red)}.card.suit-black{color:var(--suit-black)}.card.face-down{cursor:pointer;background-image:url(/assets/CardBack-BERZswNt.svg);background-size:cover;background-position:center}.card.face-down:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.card.face-down .card-inner,.card.face-down .card-suit-center{display:none}.card:focus-visible,.glass-panel:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}