body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#2c3e50;flex-wrap:wrap;gap:.9vw;justify-content:space-between;padding:.6vw 1.2vw}.App-header,.main-navigation{align-items:center;display:flex}.nav-list{display:flex;gap:1.2vw;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-radius:.3vw;color:#ecf0f1;font-size:1vw;font-weight:500;padding:.5vw 1vw;text-decoration:none;transition:background-color .3s,color .3s}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:#3498db;color:#fff}.page-container{color:#fff;margin:0 auto;max-width:800px;padding:20px}.page-header{border-bottom:2px solid #3498db;margin-bottom:40px;padding-bottom:20px;text-align:center}.page-header h1{color:#ecf0f1;font-size:2.5em;margin:0}.page-content{line-height:1.6}.page-content section{margin-bottom:30px}.page-content h2{color:#3498db;font-size:1.5em;margin-bottom:15px}.page-content p{color:#bdc3c7;margin-bottom:15px}.page-content ul{margin-bottom:15px;padding-left:20px}.page-content li{color:#bdc3c7;margin-bottom:8px}.page-content strong{color:#ecf0f1}.main-content{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:calc(100vh - 80px)}.header-left{gap:.9vw}.header-center,.header-left{align-items:center;display:flex}.header-center{gap:.6vw}.header-right{align-items:center;display:flex;gap:1.2vw}.App-header h1{font-size:2.2vw;margin:0}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-variations{display:flex;gap:10px;margin-bottom:20px}.game-variations button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s}.game-variations button:hover{background-color:#45a049}@media (max-width:768px){.App-header{flex-direction:column;gap:.9vw;padding:.9vw 1.2vw}.header-left h1{font-size:1.8vw}.nav-list{gap:.8vw}.nav-link{font-size:.9vw;padding:.4vw .8vw}.page-container{padding:15px}.page-header h1{font-size:2em}}@media (min-width:1920px){.App-header h1{font-size:1.8vw}.nav-link{font-size:.9vw;padding:.4vw .8vw}}.debug-info{background-color:#f0f0f0;border-radius:5px;color:#000;margin-top:20px;padding:10px}.card,.debug-info{border:1px solid #ccc}.card{--card-width:5vw;--card-height:calc(var(--card-width)*1.4);background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0003;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:var(--card-height);justify-content:space-between;padding:0 4px;width:var(--card-width)}.card.red{color:#e74c3c}.card.black{color:#222}.card-back{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0003;display:flex;justify-content:center}.card-back-pattern{background:linear-gradient(45deg,#34495e 25%,#2c3e50 0,#2c3e50 50%,#34495e 0,#34495e 75%,#2c3e50 0,#2c3e50);background-size:20px 20px;border-radius:4px;height:80%;width:80%}.card-corner{font-size:1.2vw;font-weight:700}.card-corner-top{align-self:flex-start}.card-corner-bottom{align-self:flex-end;transform:rotate(180deg)}.card-suit{align-items:center;display:flex;flex:1 1;font-size:2vw;justify-content:center;text-align:center}.card-stack{background-color:#0000001a;display:flex;flex-direction:column;min-height:140px}.card-stack-card{margin-top:-5.5vw;position:relative;z-index:1}.card-stack-card:first-child{margin-top:0}.drag-image{gap:0;left:-1000px;pointer-events:none;top:-1000px;z-index:9999}.drag-image,.drag-image-card{display:flex;flex-direction:column;position:absolute;width:5vw;width:var(--card-width,5vw)}.drag-image-card{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0003;box-sizing:border-box;font-weight:700;height:7vw;height:var(--card-height,calc(var(--card-width, 5vw)*1.4));justify-content:space-between;left:0;padding:0 4px}.drag-image-card .corner-text{font-size:1.2vw;font-weight:700}.drag-image-card .corner-text-top{align-self:flex-start}.drag-image-card .corner-text-bottom{align-self:flex-end;transform:rotate(180deg)}.drag-image-card .center-suit{font-size:2vw}.valid-move{border:2px solid #2ecc71}.drag-over-target{border:2px solid #2eb7cc;box-shadow:0 0 15px #2cbad680}.hint-source{background-color:#fffbe6}.hint-destination{background-color:#e6fff2}@media (max-width:768px){.card-stack-card{margin-top:-1.2vw}}@media (max-width:480px){.card-stack-card{margin-top:-.8vw}}.deal-deck-card{position:absolute;transition:left .2s}.game-container{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 80px);width:100%}.game-header{align-items:center;background-color:#2c3e50;display:flex;flex-shrink:0;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:10px 20px}.game-controls{display:flex;gap:.4vw;margin:0}.game-controls button{background-color:#3498db;border:none;border-radius:.25vw;color:#fff;cursor:pointer;font-size:1vw;margin:0;padding:.3vw .6vw;transition:background-color .3s}.game-controls button:nth-child(3){margin-right:2vw}.game-controls button:hover{background-color:#2980b9}.game-info{background-color:#0003;border-radius:.4vw;display:flex;gap:1vw;margin:0;padding:.4vw .6vw}.info-item{align-items:center;display:flex;flex-direction:column;gap:2px}.info-label{color:#95a5a6;font-size:.9vw}.info-value{color:#ecf0f1;font-size:1.1vw;font-weight:700}.game-board{align-items:center;background-color:#2c3e50;display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:100%;padding:0 20px 20px}.game-board-top{display:flex;justify-content:space-between;width:100%}.left-section,.right-section{align-items:center;display:flex;gap:10px}.stacks-container{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:100%;padding:20px;width:100%}.stacks-row{display:flex;gap:1vw;justify-content:space-between;width:100%}.card-stack{background-color:#0003;border-radius:8px;min-height:11.25vh;padding:4px;position:relative;width:5vw}.card-stack .card{margin-bottom:8px}.card-stack .card:last-child{margin-bottom:0}.card-stack.drag-over{background-color:#3498db4d}.drag-over-target{border:2px solid #2ecc71;box-shadow:0 0 15px #2ecc7180;transform:translateY(-10px);transition:all .2s ease-in-out}.card{transition:transform .2s}.card:hover{transform:translateY(-5px)}.card.dragging{opacity:.5;transform:scale(1.05)}.game-actions{margin-top:20px}.deal-button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 24px;transition:background-color .3s}.deal-button:hover:not(:disabled){background-color:#219a52}.deal-button:disabled{background-color:#7f8c8d;cursor:not-allowed}.card-outline.card-back{background-color:initial!important;border:2px dashed #ccc!important;box-shadow:none!important}.deal-deck{display:inline-block;margin-right:16px;position:relative}.deal-deck.enabled{cursor:pointer}.deal-deck.disabled{cursor:not-allowed;opacity:.7}.deal-deck-stack{align-items:center;display:flex;height:7vw;position:relative}.hint-source{border-color:#f1c40f;border-width:2px;box-shadow:0 0 10px 3px #f1c40f}.hint-destination{border-color:#2ecc71;border-width:2px;box-shadow:0 0 10px 3px #2ecc71}.deal-warning{color:red;font-weight:700;margin-bottom:10px}.overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.overlay-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;color:#222;padding:40px;position:relative;text-align:center}.overlay-button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:20px;padding:12px 24px;transition:background-color .3s}.overlay-button:hover{background-color:#219a52}.overlay-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.overlay-buttons .overlay-button{margin-top:0}.overlay-buttons .overlay-button:last-child{background-color:#3498db}.overlay-buttons .overlay-button:last-child:hover{background-color:#2980b9}.close-x-button{align-items:center;background:none;border:none;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;line-height:1;padding:5px;position:absolute;right:15px;top:10px;transition:color .3s,transform .2s;width:30px}.close-x-button:hover{background-color:#e74c3c1a;color:#c0392b;transform:scale(1.1)}.close-x-button:active{transform:scale(.95)}.pie-chart-container{display:inline-block;margin:10px 0;position:relative}.pie-chart{display:block}.pie-slice{transition:stroke-dasharray .5s ease-in-out}.pie-slice.won{animation:drawWon 1s ease-in-out}.pie-slice.lost{animation:drawLost 1s ease-in-out .3s both}.pie-chart-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.win-rate-text{color:#2c3e50;font-size:18px;font-weight:700;line-height:1}.win-rate-label{color:#7f8c8d;font-size:12px;line-height:1;margin-top:2px}.win-rate-section{align-items:center;display:flex;justify-content:center;margin-top:10px}.stats-columns{display:flex;gap:20px;justify-content:space-between;margin-top:10px}.stats-column{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1 1;padding:10px;text-align:center}.stats-column h3{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 10px}.stats-column p{color:#495057;font-size:14px;margin:5px 0}.scores-buttons{display:flex;justify-content:center;margin-top:20px}@keyframes drawWon{0%{stroke-dasharray:0 1000}to{stroke-dasharray:0 1000;stroke-dasharray:var(--won-dasharray,0) 1000}}@keyframes drawLost{0%{stroke-dasharray:0 1000}to{stroke-dasharray:0 1000;stroke-dasharray:var(--lost-dasharray,0) 1000}}@media (max-width:768px){.game-controls{flex-wrap:wrap;gap:.3vw;justify-content:center}.game-controls button{font-size:1vw;padding:.3vw .6vw}.game-info{flex-wrap:wrap;gap:.8vw;justify-content:center}.info-item{gap:.1vw}.info-label{font-size:.9vw}.info-value{font-size:1.1vw}.stats-columns{flex-direction:column;gap:15px}}@media (min-width:1920px){.game-controls button{font-size:1vw;padding:.3vw .6vw}.info-label{font-size:.9vw}.info-value{font-size:1.1vw}}
/*# sourceMappingURL=main.61ea1167.css.map*/