.app-container[data-v-4078985e]{background-image:url(../../static/img/gameStartBg.f9a3ee74.png)!important;font-family:Helvetica Neue,Arial,sans-serif;background:#fff;background-color:#7bdcf2;background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:100vh;padding:20px}.menu[data-v-4078985e]{max-width:400px;margin:50px auto;padding:30px 20px;border:2px solid #fff;border-radius:15px;background:linear-gradient(135deg,#7bdcf2,#7bdcf2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);text-align:center;font-family:Comic Sans MS,Chalkboard SE,cursive;-webkit-animation:float-data-v-4078985e 3s ease-in-out infinite;animation:float-data-v-4078985e 3s ease-in-out infinite}@-webkit-keyframes float-data-v-4078985e{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float-data-v-4078985e{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.menu h1[data-v-4078985e]{font-size:36px;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:25px}.menu .form-group[data-v-4078985e]{margin:20px 0}.menu label[data-v-4078985e]{display:block;font-size:20px;margin-bottom:8px;color:#2c3e50}.menu select[data-v-4078985e]{width:100%;padding:10px;font-size:18px;border:2px solid #000;border-radius:10px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.menu button[data-v-4078985e]{padding:12px 25px;font-size:22px;background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.2);box-shadow:2px 2px 8px rgba(0,0,0,.2);-webkit-transition:background .3s,-webkit-transform .2s;transition:background .3s,-webkit-transform .2s;transition:background .3s,transform .2s;transition:background .3s,transform .2s,-webkit-transform .2s;margin-top:30px}.menu button[data-v-4078985e]:hover{background:#ff0;-webkit-transform:scale(1.05);transform:scale(1.05)}.game-container[data-v-4078985e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:1200px;margin:0 auto;gap:20px}.left-panel[data-v-4078985e],.right-panel[data-v-4078985e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.left-panel[data-v-4078985e]{margin-left:-30px}.right-panel[data-v-4078985e]{margin-right:-30px}.center-panel[data-v-4078985e]{-webkit-box-flex:2;-ms-flex:2;flex:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.card-element[data-v-4078985e]{position:relative;width:120px;height:150px;border:2px solid #b2bec3;border-radius:10px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);background-size:cover;background-position:50%;overflow:hidden;background-image:url(../../static/img/cardBg.09d5c2fd.png)}.base-card[data-v-4078985e]{background-image:url(../../static/img/card.40ebb6e0.png);background-size:cover}.deck[data-v-4078985e]{background-color:#34495e;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.deck-count[data-v-4078985e]{margin-top:5px;font-size:18px;font-weight:700;color:#fff;text-shadow:1px 1px 3px #000}.temp-area[data-v-4078985e]{position:relative;width:120px;height:150px;border:2px solid #b2bec3;border-radius:10px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);background-size:cover;overflow:hidden}.flip-card[data-v-4078985e]{width:100%;height:100%}.invisible[data-v-4078985e]{visibility:hidden}.flip-card-inner[data-v-4078985e]{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flip-card-inner.flipped[data-v-4078985e]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-inner.trash[data-v-4078985e]{background-image:url(../../static/img/newTrash.7e7a92a8.png);background-size:cover;background-position:50%}.flip-card-back[data-v-4078985e],.flip-card-front[data-v-4078985e]{background-image:url(../../static/img/card.40ebb6e0.png)}.flip-card-back[data-v-4078985e],.flip-card-front[data-v-4078985e],.flip-card-trash[data-v-4078985e]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);background-size:cover;background-position:50%}.flip-card-trash[data-v-4078985e]{background-image:url(../../static/img/newTrash.7e7a92a8.png)}.flip-card-front[data-v-4078985e]{background:linear-gradient(135deg,#34495e,#2c3e50);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.card-back-placeholder[data-v-4078985e]{width:100%;height:100%;background-image:url(../../static/img/cardBg.09d5c2fd.png);background-size:cover;background-position:50%}.flip-card-back[data-v-4078985e]{background-size:cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:50px;color:#ffd128;font-weight:700;text-shadow:2px 2px 3px rgba(0,0,0,.5)}.card-face-content[data-v-4078985e]{padding:5px 10px;border-radius:5px}.card-face[data-v-4078985e]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:50px;color:#ffd128;font-weight:700}.discardimage[data-v-4078985e]{background-image:url(../../static/img/newDiscard.fd95e58b.png);background-size:cover;background-position:50%;margin-top:230px;width:180px;height:180px;border-radius:10px}.trash-pile[data-v-4078985e]{font-size:20px;font-weight:700;text-align:center;position:relative;width:180px;height:180px;color:#ec9641;border-radius:10px}.trash-title[data-v-4078985e]{margin-bottom:10px;font-size:18px;color:#fff;text-shadow:1px 1px 2px #000}.trash-card[data-v-4078985e]{font-size:40px;margin-top:10px}.card-slots[data-v-4078985e]{display:grid;gap:20px;width:100%;margin:0 auto;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-flow:row}.card-slot[data-v-4078985e]{position:relative;width:150px;height:200px;-webkit-perspective:1000px;perspective:1000px}.action-buttons[data-v-4078985e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.action-buttons button[data-v-4078985e]{padding:12px 25px;width:150px;height:80px;font-size:22px;background-color:#7bdcf2;border:none;border-radius:10px;color:#fff;cursor:pointer;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.3);box-shadow:2px 2px 8px rgba(0,0,0,.3);-webkit-transition:background .3s,-webkit-transform .2s;transition:background .3s,-webkit-transform .2s;transition:transform .2s,background .3s;transition:transform .2s,background .3s,-webkit-transform .2s}.action-buttons button[data-v-4078985e]:hover{background:linear-gradient(45deg,#f09b49,#f09b49);-webkit-transform:scale(1.05);transform:scale(1.05)}button[data-v-4078985e]:disabled{background-color:#ccc;cursor:not-allowed}button[data-v-4078985e]:disabled:hover{background-color:#ccc;-webkit-transform:none;transform:none}.flying-card[data-v-4078985e]{position:fixed;z-index:1000;pointer-events:none;background-image:url(../../static/img/cardBg.15f4d7f2.jpg);background-size:cover}.popup-message[data-v-4078985e]{position:fixed;top:30px;left:54%;z-index:1000;-webkit-animation:popup-animation-data-v-4078985e .5s ease-out;animation:popup-animation-data-v-4078985e .5s ease-out}@-webkit-keyframes popup-animation-data-v-4078985e{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup-animation-data-v-4078985e{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.cloud[data-v-4078985e]{background:#fff;border:2px solid #ccc;border-radius:50px;height:50px;width:100%;padding:10px 20px;font-size:18px;font-weight:700;color:#ffd128;text-align:center;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 10px 21px rgba(0,0,0,.2);position:relative}.cloud1[data-v-4078985e]:before{translate:-134% -128%;-webkit-transform:rotate(62deg);transform:rotate(62deg);width:16px;height:11px}.cloud1[data-v-4078985e]:before,.cloud[data-v-4078985e]:before{content:"";position:absolute;background:#fff;border:2px solid #ccc;border-top:none;border-radius:0 0 50px 50px}.cloud[data-v-4078985e]:before{translate:-129% 58%;-webkit-transform:rotate(75deg);transform:rotate(75deg);width:31px;height:20px}.checkmark[data-v-4078985e]{width:25px;height:10px;display:inline-block;border:2px solid green;border-width:0 0 3px 3px;border-radius:0 0 4px 4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:50%;left:50%;translate:-50% -50%;border-bottom-width:3.5px;border-left-width:3.5px}.fade-enter-active[data-v-4078985e],.fade-leave-active[data-v-4078985e]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-4078985e],.fade-leave-to[data-v-4078985e]{opacity:0}.game-over[data-v-4078985e]{text-align:center;background:#ffeaa7;border:2px solid #fdcb6e;border-radius:10px;padding:15px;width:90%;max-width:400px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.game-over-overlay[data-v-4078985e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.over-buttons button[data-v-4078985e]{margin:5px;padding:10px 15px;font-size:16px;background-color:#7bdcf2;border:none;border-radius:8px;color:#fff;cursor:pointer;-webkit-transition:background .3s,-webkit-transform .2s;transition:background .3s,-webkit-transform .2s;transition:background .3s,transform .2s;transition:background .3s,transform .2s,-webkit-transform .2s}.over-buttons button[data-v-4078985e]:hover{background:#f09b49;-webkit-transform:scale(1.05);transform:scale(1.05)}.ks-banner-btn[data-v-7b0f31fc],.ks-btn[data-v-7b0f31fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ks-btn[data-v-7b0f31fc]{position:relative;max-width:190px;width:100%;min-height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:none;cursor:pointer;font-family:Inter;font-weight:600;text-transform:capitalize;font-size:16px;color:#00c3c9;background-color:#fff;border-radius:40px;z-index:0;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.ks-btn[data-v-7b0f31fc]:hover{background-color:#e57d20;color:#fff}.ks-btn-sub[data-v-7b0f31fc]{margin:1px 0 0 0;width:108px!important;border-radius:50px!important;border:1px solid transparent!important;background:#00c3c9!important;color:#fff!important;height:42px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.profile-container[data-v-7b0f31fc]{max-width:1200px;margin:40px auto;padding:0 20px}.profile-wrapper[data-v-7b0f31fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;background:#fff;padding:30px;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-form[data-v-7b0f31fc]{-webkit-box-flex:1;-ms-flex:1;flex:1}.profile-form .el-form-item[data-v-7b0f31fc]{margin-bottom:24px}.profile-form .el-input[data-v-7b0f31fc],.profile-form .el-textarea[data-v-7b0f31fc]{width:100%}.avatar-upload[data-v-7b0f31fc]{width:300px;text-align:center}.avatar-upload .avatar-uploader[data-v-7b0f31fc]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:200px;height:200px;margin:0 auto 20px}.avatar-upload .avatar-uploader[data-v-7b0f31fc]:hover{border-color:#409eff}.avatar-upload .avatar-uploader .avatar-uploader-icon[data-v-7b0f31fc]{font-size:28px;color:#8c939d;width:200px;height:200px;line-height:200px;text-align:center}.avatar-upload .avatar-uploader .avatar[data-v-7b0f31fc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload .upload-tip[data-v-7b0f31fc]{color:#000;margin-top:10px}.submit-btn[data-v-7b0f31fc]{width:100%;margin-top:20px;font-size:16px;padding:12px 0}[data-v-7b0f31fc] .el-form-item__label{font-size:16px;font-weight:600}.price-container[data-v-7b0f31fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.original-price[data-v-7b0f31fc]{text-decoration:line-through;color:#666}.discounted-price[data-v-7b0f31fc]{font-weight:700;color:#28a745}.pay-icon img[data-v-7b0f31fc]{width:100px;height:30px;margin-left:10px}.card[data-v-7b0f31fc]{padding:20px;border-radius:10px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px}button[data-v-7b0f31fc]{width:200px;padding:15px;font-size:16px;margin-top:30px;overflow:hidden}.pay-icon[data-v-7b0f31fc]{text-align:center;margin-top:20px}.button-image[data-v-7b0f31fc]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.button-image[data-v-7b0f31fc],.ks-banner-btn[data-v-ed039138],.ks-btn[data-v-ed039138]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ks-btn[data-v-ed039138]{position:relative;max-width:190px;width:100%;min-height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:none;cursor:pointer;font-family:Inter;font-weight:600;text-transform:capitalize;font-size:16px;color:#00c3c9;background-color:#fff;border-radius:40px;z-index:0;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.ks-btn[data-v-ed039138]:hover{background-color:#e57d20;color:#fff}.ks-btn-sub[data-v-ed039138]{margin:1px 0 0 0;width:108px!important;border-radius:50px!important;border:1px solid transparent!important;background:#00c3c9!important;color:#fff!important;height:42px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.profile-container[data-v-ed039138]{max-width:1200px;margin:40px auto;padding:0 20px}.profile-wrapper[data-v-ed039138]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;background:#fff;padding:30px;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-form[data-v-ed039138]{-webkit-box-flex:1;-ms-flex:1;flex:1}.profile-form .el-form-item[data-v-ed039138]{margin-bottom:24px}.profile-form .el-input[data-v-ed039138],.profile-form .el-textarea[data-v-ed039138]{width:100%}.avatar-upload[data-v-ed039138]{width:300px;text-align:center}.avatar-upload .avatar-uploader[data-v-ed039138]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:200px;height:200px;margin:0 auto 20px}.avatar-upload .avatar-uploader[data-v-ed039138]:hover{border-color:#409eff}.avatar-upload .avatar-uploader .avatar-uploader-icon[data-v-ed039138]{font-size:28px;color:#8c939d;width:200px;height:200px;line-height:200px;text-align:center}.avatar-upload .avatar-uploader .avatar[data-v-ed039138]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload .upload-tip[data-v-ed039138]{color:#000;margin-top:10px}.submit-btn[data-v-ed039138]{width:100%;margin-top:20px;font-size:16px;padding:12px 0}[data-v-ed039138] .el-form-item__label{font-size:16px;font-weight:600}.price-container[data-v-ed039138]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.original-price[data-v-ed039138]{text-decoration:line-through;color:#666}.discounted-price[data-v-ed039138]{font-weight:700;color:#28a745}.pay-icon img[data-v-ed039138]{width:100px;height:30px;margin-left:10px}.card[data-v-ed039138]{padding:20px;border-radius:10px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px}button[data-v-ed039138]{width:200px;padding:15px;font-size:16px;margin-top:30px;overflow:hidden}.pay-icon[data-v-ed039138]{text-align:center;margin-top:20px}.button-image[data-v-ed039138]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}