*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.card-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.card{width:120px;height:160px;background:#ffffffd7;border:5px solid #333;border-radius:8px;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.card:hover:not(:disabled){transform:translateY(-12px) scale(1.08);box-shadow:0 8px 16px #0006;border-color:#999}.card.selected{border-color:#306e32be;background:#e8f5e9;transform:translateY(-8px)}.card.held{border-color:#2196f3;background:#e3f2fd}.card:disabled{cursor:not-allowed;opacity:.7}.card-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.card-top-left{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding:0}.rank{font-size:3rem;font-weight:700;line-height:.5;margin-top:4px}.suit-small{font-size:2.5rem;margin-top:0}.card-top-right{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;padding:4px;font-weight:700;color:inherit}.wild-text{letter-spacing:.5px}.wild-text:nth-child(1){font-size:1.3rem;line-height:.85;opacity:1}.wild-text:nth-child(2){font-size:1rem;line-height:.8;opacity:.75}.wild-text:nth-child(3){font-size:.7rem;line-height:.75;opacity:.5}.wild-text:nth-child(4){font-size:.4rem;line-height:.7;opacity:.25}.suit-large{font-size:5rem;line-height:1;flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0}.hold-indicator{font-weight:700;color:#2196f3;font-size:.875rem;padding:.25rem .5rem;background:#e3f2fd;border-radius:4px;border:2px solid #2196F3}.app{min-height:100vh;background:#312727e1;color:#fff;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{margin:0 0 1rem;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.variant-selector{display:flex;gap:1rem;justify-content:center}.variant-selector button{padding:.75rem 1.5rem;font-size:1rem;border:2px solid #fff;background:transparent;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.variant-selector button:hover{background:#ffffff1a}.variant-selector button.active{background:#fff;color:#1a472a;font-weight:700}.variant-selector button:disabled{opacity:.5;cursor:not-allowed}main{max-width:1400px;margin:0 auto}.layout{display:flex;gap:1.5rem;align-items:flex-start}.play-area{flex:0 0 70%;min-width:0;min-height:70vh}.results-panel{flex:0 0 30%;min-width:0;min-height:30vh;background:#0000004d;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:1rem}.results-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.results-header h2{margin:0;font-size:1.5rem}.optimal-tag{padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.9rem;border:1px solid currentColor}.optimal-tag.good{color:#4caf50;background:#4caf5026}.optimal-tag.bad{color:#fff;background:red}.stats{display:flex;flex-direction:column;gap:1rem;align-items:stretch;justify-content:center;margin-bottom:2rem;padding:1rem;background:#0000004d;border-radius:8px}.stats .stats-section{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;padding:0 1rem}.stats .stats-title{margin:auto 0 0;transition:all .2s;font-size:.8rem;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.05em;min-width:6rem}.stats .stats-divider{width:1px;background:#fff3}.stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-label{font-size:.875rem;opacity:.8}.stat-value{font-size:1.25rem;min-width:5rem;font-weight:700}.reset-stats-btn{padding:.4rem .8rem;font-size:.75rem;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-top:auto}.reset-stats-btn:hover{background:#d32f2f;transform:scale(1.05)}.queue-status{position:fixed;top:12px;right:12px;z-index:1000}.queue-status .stat-value{padding:.25rem .75rem;background:#4caf504d;border:1px solid #4CAF50;border-radius:6px;font-size:1.125rem;font-weight:700;box-shadow:0 2px 6px #00000040}.hand{display:flex;gap:1rem;justify-content:center;margin:2rem 0;position:relative}.winning-hand-banner{position:absolute;left:50%;top:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:.85rem 1.6rem;max-width:720px;border-radius:14px;border:1px solid #7fe0a3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(120deg,#2e8b57,#388e3cb3);box-shadow:0 10px 30px #00000040;letter-spacing:.01em;pointer-events:none;z-index:5}.winning-hand-name{font-size:1.15rem;font-weight:800;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35)}.loading-overlay{position:absolute;inset:0;background:#0000004d;border-radius:8px;pointer-events:none;z-index:10}.controls{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.controls button{padding:1rem 2rem;font-size:1.125rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:700}.controls button:disabled{opacity:.5;cursor:not-allowed}.controls button.primary{background:#4caf50;color:#fff}.controls button.primary:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.controls button:not(.primary){background:#666;color:#fff}.controls button:not(.primary):hover:not(:disabled){background:#555}.optimal-plays{display:flex;flex-direction:column;gap:.5rem}.play-option{display:flex;gap:1rem;align-items:center;padding:1rem;background:#ffffff1a;border-radius:4px}.play-option.user-play{background:#2196f333;border:2px solid #2196F3}.play-option.user-play-bad{background:#2196f333;border:2px solid #c55757}.play-rank{font-weight:700;min-width:2rem}.play-cards{flex:1;font-size:1.25rem}.play-ev{font-weight:700;min-width:8rem;text-align:right}.results-placeholder{color:#ffffffb3;font-size:.95rem}.loading,.error{text-align:center;font-size:1.5rem;padding:4rem}.error button{margin-top:1rem;padding:1rem 2rem;font-size:1.125rem;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:1024px){.layout{flex-direction:column}.play-area,.results-panel{flex:1 1 100%;min-height:auto}}