/* Original kitchen card composition. Keep the established hand geometry. */
.playing-card.kitchen-card { --face-glow:#e5be61; isolation:isolate; }
.playing-card.kitchen-card--j { --face-glow:#cf9e40; background:linear-gradient(140deg,#fff8db,#f4e4bb 58%,#e5c778); }
.playing-card.kitchen-card--q { --face-glow:#6da8bc; background:linear-gradient(145deg,#f7f9e9,#dcecf0 58%,#abcbd6); }
.playing-card.kitchen-card--k { --face-glow:#d49d38; background:linear-gradient(145deg,#fff5ca,#f4d893 58%,#d9ac5a); }
.playing-card.kitchen-card--j:before,.playing-card.kitchen-card--q:before,.playing-card.kitchen-card--k:before { content:""; position:absolute; inset:3px; border:1px solid color-mix(in srgb,var(--face-glow) 72%,transparent); border-radius:4px; pointer-events:none; z-index:-1; }
.playing-card .kitchen-card-rank { position:absolute; left:6px; top:5px; z-index:3; font-size:inherit; line-height:1; text-shadow:0 1px #fff9; }
.playing-card.kitchen-card > .suit { position:absolute; left:6px; top:30px; line-height:1; z-index:3; }
.playing-card .kitchen-card-illustration { position:absolute; display:block; width:71%; height:68%; right:1%; top:16%; pointer-events:none; z-index:0; }
.playing-card .kitchen-card-art { width:100%; height:100%; position:absolute; inset:0; object-fit:contain; filter:drop-shadow(0 2px 1px #70512250); }
.playing-card .kitchen-card-orbit { width:52%; height:52%; left:auto; right:-1%; top:40%; opacity:.75; }
.playing-card .kitchen-card-orbit + .kitchen-card-art { width:89%; left:-4%; }
.playing-card .kitchen-card-label { position:absolute; z-index:2; bottom:7px; left:5px; right:5px; padding:2px 1px; border-radius:3px; font:800 9px/1.3 var(--sans,sans-serif); color:#694419; background:#fff7d9e6; text-align:center; white-space:nowrap; box-shadow:0 1px 0 #b2955855; letter-spacing:0; }
.playing-card.kitchen-card--q .kitchen-card-label { background:#edf8f6ed; color:#254e5c; }
.playing-card.kitchen-card--k .kitchen-card-label { background:#814727; color:#fff4ce; }
.playing-card.kitchen-card--extra-action .kitchen-card-label { border-bottom:2px solid #4b9b9c; }
.playing-card.kitchen-card:not(.kitchen-card--number) .card-corner-bottom { display:none; }
.playing-card .kitchen-card-weapon-one { transform:rotate(-35deg) scale(.83); left:-13%; top:8%; }
.playing-card .kitchen-card-weapon-two { transform:rotate(34deg) scale(.83); left:13%; top:8%; }
.playing-card .kitchen-card-crown { position:absolute; width:48%; height:30%; left:27%; top:-5%; color:#f1c65b; filter:drop-shadow(0 1px 1px #73400d55); }
.playing-card .kitchen-card-spark { position:absolute; right:8%; top:12%; width:7px; height:7px; background:#fffcea; clip-path:polygon(50% 0,63% 38%,100% 50%,63% 62%,50% 100%,37% 62%,0 50%,37% 38%); filter:drop-shadow(0 0 3px var(--face-glow)); }
.playing-card.kitchen-card.selected { box-shadow:0 0 0 2px #ffe7aa,0 0 20px color-mix(in srgb,var(--face-glow) 55%,transparent),0 7px 10px #1a142655; }
.reward-grid .playing-card .kitchen-card-label { font-size:10px; bottom:8px; }
.kitchen-card-effect { --fx:#edc571; position:absolute; inset:0; z-index:30; display:block; pointer-events:none; overflow:visible; }
.kitchen-card-effect--q { --fx:#a6e0ed; }.kitchen-card-effect--k { --fx:#f9ba65; }.kitchen-card-effect--heal { --fx:#b4ecbc; }.kitchen-card-effect--block { --fx:#aad9fa; }
.kitchen-effect-ring { position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-21px; border:2px solid var(--fx); border-radius:50%; box-shadow:0 0 12px var(--fx),inset 0 0 10px var(--fx); animation:kitchen-effect-ring .72s ease-out both; }
.kitchen-card-effect--k .kitchen-effect-ring { width:80px; height:80px; margin:-40px; border-width:3px; transform:rotateX(48deg); }
.kitchen-effect-particle { position:absolute; top:50%; left:50%; width:5px; height:9px; border-radius:50% 10% 50% 10%; background:var(--fx); box-shadow:0 0 6px var(--fx); animation:kitchen-effect-particle .72s var(--spark-delay) ease-out both; }
@keyframes kitchen-effect-ring { 0% { scale:.2; opacity:0; } 18% { opacity:.85; } 100% { scale:2.8; opacity:0; } }
@keyframes kitchen-effect-particle { 0% { transform:rotate(var(--spark-angle)) translateY(3px) scale(.3); opacity:0; } 15% { opacity:1; } 100% { transform:rotate(var(--spark-angle)) translateY(calc(-1 * var(--spark-distance))) scale(.1); opacity:0; } }
@media(max-width:360px) { .playing-card .kitchen-card-label { font-size:8px; left:3px; right:3px; bottom:6px; padding-top:2px; padding-bottom:2px; } }
@media(prefers-reduced-motion:reduce) { .kitchen-card-effect { display:none; } }
