.playing-card{position:relative;display:inline-block;flex:0 0 auto;width:92px;height:129px;margin:5px;padding:0;background:none;border:0;border-radius:9px;vertical-align:middle;box-shadow:0 2px 1px #26213324,0 7px 12px #27213b21;line-height:0;transition:transform .15s,box-shadow .15s;isolation:isolate}.playing-card svg{display:block;width:100%;height:100%;border-radius:9px}.playing-card .card-check{display:none;position:absolute;right:-5px;top:-8px;width:23px;height:23px;border-radius:50%;background:#594bed;border:2px solid white;color:white;font:700 14px/19px Arial;text-align:center}.playing-card.selected{transform:translateY(-17px);outline:3px solid #594bed;outline-offset:3px;box-shadow:0 14px 20px #594bed33}.playing-card.selected .card-check{display:block}.hand{gap:1px;padding:27px 6px 18px;max-width:1040px;margin:auto;align-items:end}.hand button.playing-card{border-radius:9px;padding:0}.hand button.playing-card:hover:not(:disabled){background:none;filter:none;transform:translateY(-8px);box-shadow:0 12px 18px #27213b33}.hand button.playing-card.selected:hover{transform:translateY(-17px)}.playing-card:focus-visible{outline:3px solid #594bed;outline-offset:4px}.pile-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.pile-cards .playing-card{width:106px;height:148px}.empty-pile{font:48px Georgia;color:#9383b0;border:2px dashed #b6a7cf;border-radius:12px;padding:18px 35px}.empty-pile p{font:14px Tahoma;margin:10px 0 0}.table .playing-card{box-shadow:0 4px 2px #40315725,0 10px 20px #40315720}.hero-art .playing-card{position:absolute;width:118px;height:165px;transform:rotate(-20deg) translateX(-87px);z-index:1}.hero-art .playing-card:nth-child(2){transform:translateY(-13px);z-index:2}.hero-art .playing-card:nth-child(3){transform:rotate(20deg) translateX(87px);z-index:3}@media(max-width:650px){.playing-card{width:66px;height:93px;margin:4px}.hand{gap:0}.pile-cards .playing-card{width:83px;height:116px}.hero-art .playing-card{width:96px;height:134px}.hero-art .playing-card:first-child{transform:rotate(-20deg) translateX(-66px)}.hero-art .playing-card:nth-child(3){transform:rotate(20deg) translateX(66px)}}@media(prefers-reduced-motion:reduce){.playing-card{transition:none}}
.hand .playing-card.can-play{outline:2px solid #19835f;outline-offset:2px}.hand .playing-card.unplayable{opacity:.48}.hand .playing-card.can-complete{outline:3px dashed #19835f;outline-offset:3px}.hand .playing-card.selected{opacity:1;outline:3px solid #594bed;outline-offset:3px}.slave-preview{margin:25px auto 0;padding:16px 20px;border:2px dashed #b4a4d4;border-radius:16px;min-width:220px;background:#ffffff80}.slave-preview.ready{border:2px solid #594bed;background:#f6f2ff;box-shadow:0 0 0 5px #594bed12}.slave-preview p{font-weight:700;margin:0 0 12px}.slave-preview .playing-card.selected{transform:none}.slave-preview .playing-card{width:83px;height:116px}.slave-preview button{margin-top:14px}#slave-hint{min-height:24px}
.slave-actions{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:20px auto 0}.slave-preview .slave-actions button{width:100%;margin:0;min-height:48px;border-radius:12px;font-size:16px;font-weight:700}.slave-preview .cancel-selection{border:2px solid #c93648;background:#fff4f5;color:#a82033}.slave-preview .cancel-selection:hover:not(:disabled){background:#ffe1e5;color:#8e1627;box-shadow:none}.slave-preview .play-selection{border:2px solid #145cd4;background:#eaf2ff;color:#124aaa}.slave-preview .play-selection:hover:not(:disabled){background:#145cd4;color:#fff;box-shadow:0 4px 12px #145cd433}.slave-preview .play-selection:disabled{opacity:.5;cursor:not-allowed}.slave-preview.ready{border-color:#145cd4;background:#f1f6ff;box-shadow:0 0 0 5px #145cd412}