*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#1b5e20}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}button,input{font-family:inherit}ul{margin:0;padding:0;list-style:none}.card{width:var(--card-width);height:var(--card-height);perspective:1000px;cursor:pointer;flex-shrink:0}.card--disabled{cursor:not-allowed;opacity:.6}.card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--transition-slow)}.card--flipped .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--card-radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.card__front{background:var(--color-card-bg);border:1px solid var(--color-border)}.card__back{background:var(--color-card-back);transform:rotateY(180deg);background-image:repeating-linear-gradient(45deg,var(--color-card-back-pattern) 0,var(--color-card-back-pattern) 2px,transparent 2px,transparent 8px);border:3px solid white}.card__corner{padding:4px 6px;font-size:14px;font-weight:700;line-height:1;display:flex;flex-direction:column;align-items:center;gap:2px}.card__corner--top{align-self:flex-start}.card__corner--bottom{align-self:flex-end;transform:rotate(180deg);margin-top:auto}.card__center{flex:1;display:flex;align-items:center;justify-content:center;font-size:32px}.card__rank{font-size:14px}.card__suit{font-size:12px}.card--red{color:var(--color-red)}.card--black{color:var(--color-black)}.card:not(.card--disabled):hover .card__inner{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.card--selected .card__inner{transform:translateY(-16px);box-shadow:var(--shadow-card-selected)}.card--flipped:not(.card--disabled):hover .card__inner{transform:rotateY(180deg) translateY(-8px)}.card-hand-container{width:100%;overflow-x:auto;overflow-y:visible;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.card-hand-container::-webkit-scrollbar{height:6px}.card-hand-container::-webkit-scrollbar-track{background:transparent}.card-hand-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.card-hand{--card-overlap: -30px;display:flex;justify-content:center;min-width:min-content;padding-bottom:20px}.card-hand .card{margin-left:var(--card-overlap);transition:transform var(--transition-fast),margin var(--transition-fast)}.card-hand .card:first-child{margin-left:0}.card-hand .card:hover{z-index:var(--z-card-hover)}.card-stack{position:relative;width:var(--card-width);height:var(--card-height)}.card-stack .card{position:absolute;top:0;left:0;pointer-events:none;cursor:default}.card-stack .card:hover .card__inner{transform:none}.card-stack .card:nth-child(n+2){top:2px;left:2px}.card-stack .card:nth-child(n+3){top:4px;left:4px}.card-stack .card:nth-child(n+4){top:6px;left:6px}.face-down-cards{display:flex;gap:8px;justify-content:center}.face-down-cards .card{cursor:default;pointer-events:none}.face-down-cards .card--selectable{cursor:pointer;pointer-events:auto}.face-down-cards .card--selectable:hover .card__inner{transform:rotateY(180deg) translateY(-8px) scale(1.05)}.face-up-cards{display:flex;justify-content:center}.face-up-cards .card{cursor:default;pointer-events:none}.face-up-cards .card--selectable{cursor:pointer;pointer-events:auto}.face-up-cards .card--selectable:hover{z-index:var(--z-card-hover)}.face-up-cards .card--selectable:hover .card__inner{transform:translateY(-8px) scale(1.05)}.face-up-cards .card--selected .card__inner{transform:translateY(-12px);box-shadow:var(--shadow-card-selected)}:root{--card-width: 80px;--card-height: 112px;--card-radius: 8px;--color-red: #e53935;--color-black: #212121;--color-card-bg: #ffffff;--color-card-back: #1565c0;--color-card-back-pattern: #1976d2;--color-border: #e0e0e0;--color-bg: #1b5e20;--color-bg-dark: #0d3d0f;--color-pyre: rgba(255, 255, 255, .1);--color-primary: #2196f3;--color-primary-hover: #1976d2;--color-danger: #f44336;--color-success: #4caf50;--color-text: #212121;--color-text-light: #757575;--color-text-inverse: #ffffff;--shadow-card: 0 2px 4px rgba(0, 0, 0, .2);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .3);--shadow-card-selected: 0 0 0 3px var(--color-primary);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-card: 1;--z-card-hover: 10;--z-modal: 100;--z-overlay: 50}@keyframes cardFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(-100px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardPlay{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-50px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes burnPyre{0%{opacity:1;transform:scale(1);filter:brightness(1)}50%{opacity:.8;transform:scale(1.1);filter:brightness(1.5) saturate(2)}to{opacity:0;transform:scale(.5);filter:brightness(2) saturate(3)}}@keyframes pickupPyre{0%{transform:translateY(0)}30%{transform:translateY(-20px)}to{transform:translateY(100px);opacity:0}}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-deal{animation:cardDeal .4s ease-out forwards}.animate-play{animation:cardPlay .3s ease-out}.animate-burn{animation:burnPyre .5s ease-out forwards}.animate-pickup{animation:pickupPyre .4s ease-out forwards}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-celebrate{animation:celebrate .5s ease-in-out infinite}.animate-deal-1{animation-delay:.05s}.animate-deal-2{animation-delay:.1s}.animate-deal-3{animation-delay:.15s}.animate-deal-4{animation-delay:.2s}.animate-deal-5{animation-delay:.25s}.animate-deal-6{animation-delay:.3s}.animate-deal-7{animation-delay:.35s}.animate-deal-8{animation-delay:.4s}