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}.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}.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}.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}@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}.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}.page-container{padding:15px}.page-header h1{font-size:2em}}@media (min-width:1920px){.game-controls button{font-size:1vw;padding:.3vw .6vw}.info-label{font-size:.9vw}.info-value{font-size:1.1vw}.App-header h1{font-size:1.8vw}.nav-link{font-size:.9vw;padding:.4vw .8vw}}.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;min-height:11.25vh;position:relative}.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}.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-stack{align-items:center;display:flex}.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}.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;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}.deal-warning{color:red;font-weight:700;margin-bottom:10px}.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;border-radius:8px;display:flex;flex-direction:column;min-height:140px;padding:4px;width:5vw}.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:100px}.drag-image-card{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0003;font-size:1.2em;font-weight:700;height:140px;justify-content:space-between;left:0}.valid-move{border:2px solid #2ecc71}.drag-over-target{border:2px solid #2eb7cc;box-shadow:0 0 15px #2cbad680;transform:translateY(-10px);transition:all .2s ease-in-out}.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{display:inline-block;margin-right:16px;position:relative}.deal-deck.enabled{cursor:pointer}.deal-deck.disabled{cursor:not-allowed;opacity:.7}.deal-deck-stack{height:7vw;position:relative}.deal-deck-card{position:absolute;transition:left .2s}
/*# sourceMappingURL=main.840dc62d.css.map*/