*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#2c3e50;touch-action:none}#app{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.area{position:relative}.public-area{flex:1;background-color:#34495e;border-bottom:2px solid #1a252f;overflow:visible}.hand-area{height:140px;min-height:120px;background-color:#2c3e50;border-top:2px solid #1a252f}.cards-container{width:100%;height:100%;position:relative}.horizontal-scroll{display:flex;overflow-x:auto;overflow-y:hidden;align-items:center;padding:10px 20px;gap:8px;scroll-behavior:smooth}.hand-info{position:absolute;top:5px;right:15px;background-color:#00000080;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;pointer-events:none;z-index:10}.hand-info strong{color:#3498db}.card{position:absolute;width:50px;height:70px;background-color:#ecf0f1;border-radius:6px;cursor:grab;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s;touch-action:pan-x pan-y;-webkit-touch-callout:none;z-index:1}.card:hover{box-shadow:0 4px 12px #0006}.card.dragging{cursor:grabbing;box-shadow:0 8px 20px #00000080;z-index:20;transform:scale(1.05);position:absolute}.card.selected{box-shadow:0 0 0 3px #3498db,0 4px 12px #0006}.card.discard-warning{background-color:#e74c3c!important;box-shadow:0 0 20px #e74c3ccc}.discard-zone{position:fixed;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,#e74c3c4d,#e74c3c1a);border-bottom-left-radius:20px;pointer-events:none;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.discard-zone:after{content:"🗑️";font-size:32px;opacity:.7}.discard-zone.active{opacity:1}.hand-area .card{position:relative;flex-shrink:0;width:45px;height:63px;font-size:14px}.card-content{display:flex;flex-direction:column;align-items:center;gap:4px}.card-suit{font-size:18px}.card-rank{font-size:12px}.card.red{color:#e74c3c}.card.black{color:#2c3e50}.card-back{background:linear-gradient(135deg,#667eea,#764ba2)}.card-back .card-content{color:#fff;font-size:16px}.side-buttons{position:fixed;right:10px;top:10px;display:flex;flex-direction:column;gap:10px;z-index:100}.side-button{width:50px;height:50px;position:absolute;z-index:100;border-radius:50%;background-color:#3498db;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:all .2s}.side-button:hover{background-color:#2980b9;transform:scale(1.1)}.side-button:active{transform:scale(.95)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:#ecf0f1;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 32px #0000004d;max-height:90vh;overflow-y:auto}.dialog-content{max-width:300px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:20px;color:#2c3e50}.close-btn{background:none;border:none;font-size:28px;color:#7f8c8d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#bdc3c7;color:#2c3e50}.modal-body{display:flex;flex-direction:column;gap:20px}.deck-list{display:flex;flex-direction:column;gap:10px}.deck-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#bdc3c7;border-radius:8px;cursor:pointer;transition:all .2s}.deck-item:hover{background-color:#95a5a6}.deck-name{font-weight:600;color:#2c3e50;flex:1}.deck-count{color:#3498db;font-weight:700;margin-right:4px}.deck-total{color:#7f8c8d}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.deal-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.deal-option{display:flex;align-items:center}.deal-option label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#2c3e50}.deal-option input[type=radio]{width:18px;height:18px;cursor:pointer}.deal-input{display:flex;align-items:center;gap:10px;margin-bottom:20px}.deal-input label{color:#2c3e50;font-weight:600}.deal-input input{width:80px;padding:8px 12px;border:2px solid #bdc3c7;border-radius:6px;font-size:16px;text-align:center}.deal-input input:focus{outline:none;border-color:#3498db}.deal-buttons{display:flex;gap:10px;justify-content:flex-end}.deal-buttons .btn{flex:1}.context-menu{display:none;position:fixed;z-index:3000;background-color:#ecf0f1;border-radius:8px;box-shadow:0 4px 16px #0000004d;min-width:120px;overflow:hidden}.context-menu.show{display:block}.context-menu-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#2c3e50;transition:background-color .2s}.context-menu-item:hover{background-color:#bdc3c7}.welcome-content{max-width:400px;text-align:center}.welcome-content h2{font-size:24px;color:#2c3e50;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #bdc3c7;border-radius:8px;font-size:16px;color:#2c3e50;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input::placeholder{color:#95a5a6}.btn-full{width:100%;padding:14px 20px;font-size:16px}@media(max-width:768px){.hand-area{height:120px;min-height:100px}.modal-content{width:95%;padding:16px}.side-buttons{right:10px}.side-button{width:45px;height:45px}}.hole-child[data-v-bc8449e0]{position:relative;width:65px;min-width:65px;height:90px;-webkit-user-select:none;user-select:none;overflow:hidden}.selected-hole[data-v-bc8449e0]{transform:translateY(-5%)}.hole-card[data-v-bc8449e0]{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:100%!important;height:auto!important}.hole-push-btn[data-v-bc8449e0]{position:absolute;left:0;bottom:0;width:100px;height:60px;background-color:#3498db;display:grid;place-items:center}.hole-discard-btn[data-v-bc8449e0]{position:absolute;right:0;bottom:0;width:100px;height:60px;background-color:#f55;display:grid;place-items:center}.hole-card-count[data-v-bc8449e0]{position:absolute;transform:translate(-100%,-100%);top:95%;left:95%;font-weight:700;text-shadow:1px 1px 0 white,-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 0 0 white,-1px 0 0 white,0 1px 0 white,0 -1px 0 white}.board-child[data-v-bc8449e0]{position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.player-table[data-v-bc8449e0]{border-collapse:collapse;background-color:#80808080;color:#fff;position:absolute;right:0;top:130px;z-index:100}.player-table td[data-v-bc8449e0]{border:none;font-family:Arial,sans-serif;font-size:2vh}