.compare-modal-mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;animation:modalfadein .25s;transition:padding-bottom .2s}@keyframes modalfadein{0%{opacity:0}to{opacity:1}}.compare-modal-main{background:#fff;border-radius:16px;padding:34px 18px 24px;min-width:85vw;max-width:98vw;max-height:92vh;min-height:65vh;box-shadow:0 0 20px #8884;animation:modalgrow .3s cubic-bezier(.23,1.5,.32,1.04);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.big-modal{min-height:70vh;max-height:96vh}.compare-modal-main h2{text-align:center;margin-bottom:10px;font-size:1.22em}.compare-grid-vertical{display:flex;flex-direction:column;gap:28px;margin-bottom:22px;margin-top:12px;width:100%;align-items:center}.compare-cell{background:#fafdff;border-radius:14px;box-shadow:0 1px 8px #e2eaff1a;padding:18px 8px 12px;min-width:320px;min-height:220px;max-width:99vw;overflow:visible;display:flex;flex-direction:column;align-items:center}.compare-label-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px}.compare-label{font-weight:700;color:#3179e0;font-size:1.14em;text-align:center}.score-badge-inline{display:inline-block;padding:2px 14px;border-radius:18px;font-size:1.13em;border:2.5px solid #e43a37;color:#e43a37;background:#fff;font-weight:700;vertical-align:middle}.score-plus{color:#0bce52;border-color:#0bce52}.score-minus{color:#e43a37;border-color:#e43a37}.score-zero{color:#888;border-color:#bbb}.compare-sets{display:flex;flex-direction:column;gap:13px;align-items:center;width:100%}.compare-close-btn{padding:11px 48px;font-size:1.1em;border-radius:12px;border:none;background:#2176ff;color:#fff;font-weight:700;margin:16px 0 2px;box-shadow:0 1px 4px #2176ff44;transition:background .16s;cursor:pointer}.compare-close-btn:active{background:#0d57b9}.continue-btn{background:#32c532}.continue-btn:active{background:#219c22}@media (max-width: 900px){.compare-modal-main{min-width:98vw;max-width:99vw;padding:8vw 1vw}.compare-grid-vertical{gap:6vw}.compare-cell{min-width:0;width:92vw}}@media (max-width: 600px){.compare-modal-main{min-width:100vw;padding:3vw 0}.compare-cell{width:98vw;min-width:0}}body{background:linear-gradient(170deg,#e3eeff 0%,#fefdff 80%)}.game-root{min-height:100vh;font-family:Segoe UI,PingFang SC,Microsoft Yahei,Arial,sans-serif}.game-header{display:flex;align-items:center;justify-content:space-between;height:60px;background:#3179e0;color:#fff;padding:0 24px 0 20px;border-radius:0 0 20px 20px;box-shadow:0 2px 8px #3179e020;margin-bottom:20px}.game-title{font-weight:700;font-size:1.5em;letter-spacing:2px;display:flex;align-items:center}.menu-btn{background:none;border:none;font-size:2em;color:#e1eaff;cursor:pointer;padding:0;transition:color .17s}.menu-btn:hover{color:#fff}.menu-mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.32);z-index:10000;display:flex;justify-content:flex-end;align-items:stretch}.menu-popup{width:80vw;max-width:340px;min-width:160px;height:100%;background:#fff;box-shadow:-4px 0 24px #3179e020;border-radius:20px 0 0 20px;display:flex;flex-direction:column;padding:32px 0 0}.menu-title{font-weight:700;font-size:1.15em;color:#3179e0;padding:0 24px 14px}.menu-popup ul{list-style:none;margin:0;padding:0 20px}.menu-popup li{margin-bottom:12px}.menu-popup button{width:100%;text-align:left;padding:12px 0;border:none;background:none;font-size:1.07em;color:#1b3357;border-radius:7px;transition:background .13s}.menu-popup button:hover{background:#e3eeff;color:#3179e0}.main-area{max-width:680px;margin:0 auto;padding-bottom:32px}.mycards-area{background:#fff;border-radius:20px;box-shadow:0 2px 18px #b9d2ff33;padding:24px 18px 16px;margin:0 4vw 24px}.area-title{font-size:1.2em;color:#3179e0;font-weight:700;margin-bottom:18px;text-align:left;letter-spacing:1px}.game-row{min-height:60px;display:flex;align-items:center;border-bottom:1.5px solid #e8eef6;padding:0;background:#fafdff;border-radius:14px;margin-top:8px;margin-bottom:8px;overflow-x:auto;flex-wrap:wrap;box-shadow:0 1px 6px #e2eaff1a}.table-row-flex{width:100%;display:flex;align-items:center;position:relative;min-height:110px;background:none}.pile-label-right{width:56px;min-width:40px;text-align:right;font-size:22px;color:#3179e0;opacity:.24;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-left:10px}.card-image{width:70px;height:102px;min-width:70px;min-height:102px;max-width:100px;max-height:130px;object-fit:contain;border-radius:10px;box-shadow:0 6px 16px #2334a220,0 1px 2px #fff6 inset;border:2.5px solid #eaf2ff;background:#f8f8fa;margin:0 7px;transition:box-shadow .18s,transform .18s;position:relative}.card-image:hover{box-shadow:0 10px 24px #3179e044,0 1px 4px #fff9 inset;transform:translateY(-5px) scale(1.08);z-index:3}.card-image-small{width:38px;height:55px;min-width:38px;min-height:55px;max-width:50px;max-height:65px;border-radius:6px;margin:0 2px;box-shadow:0 2px 6px #9993}.game-table-stack{position:relative;height:110px;min-width:0;background:none;display:block;text-align:left;flex:1 1 auto;overflow:visible}.game-table-stack-small{height:58px}.selected-card{box-shadow:0 0 0 3px #3ea7ff,0 6px 16px #2334a220,0 1px 2px #fff6 inset!important;border:2.5px solid #3ea7ff!important;z-index:100!important;background:#e7f6ff!important;filter:brightness(1.18)}.selectable-pile{cursor:pointer}.selectable-pile:hover{background:#eaf6ff33;border-radius:13px;transition:background .18s}.game-table{display:flex;align-items:center;padding:10px;border-radius:11px;background:linear-gradient(120deg,#f4f8fa 82%,#e1eaff 100%);box-shadow:0 2px 8px #dbe5ff27;margin:0 10px;min-width:230px;min-height:104px;transition:box-shadow .13s}.game-table-small{padding:2px;margin:0 2px;min-width:85px;min-height:44px;background:#f7faff;box-shadow:0 1px 2px #c3d3ff1a}.game-btn-row-vertical{display:flex;flex-direction:column;gap:18px;align-items:stretch;margin-top:22px;margin-bottom:10px}.game-btn-pair{display:flex;flex-direction:row;gap:0}.main-btn-block{width:50%;border-radius:0;margin:0;box-sizing:border-box;border-right:1px solid #cce3ff}.main-btn-block:last-child{border-right:none}.main-btn{background:linear-gradient(120deg,#8dc6ff 40%,#3179e0 100%);color:#fff;font-size:1.13em;font-weight:600;border:none;padding:12px 0;cursor:pointer;box-shadow:0 2px 12px #3179e027;transition:background .15s,transform .15s;min-width:0}.main-btn:active{background:#3179e0;transform:scale(.97)}.main-btn[disabled]{opacity:.6;cursor:not-allowed}.main-btn.blue{background:linear-gradient(120deg,#3179e0 40%,#8dc6ff 100%);color:#fff}.main-btn.sub-btn{background:#e8f3ff;color:#3179e0;font-size:1.04em;box-shadow:none;border:1.5px solid #c6e2ff;border-left:none}.main-btn.sub-btn:active{background:#d9eaff}.err-msg{color:#e43a37;font-size:1.08em;letter-spacing:1px;text-align:center;margin-top:6px}.score-ani{position:fixed;right:32vw;top:38px;font-size:2em;font-weight:700;color:#1ecf72;animation:scorepop 1.2s cubic-bezier(.27,1.4,.38,.98);z-index:999;pointer-events:none}@keyframes scorepop{0%{opacity:0;transform:translateY(0) scale(.8)}35%{opacity:.92;transform:translateY(-22px) scale(1.16)}70%{opacity:.95;transform:translateY(-48px) scale(1.07)}to{opacity:0;transform:translateY(-88px) scale(.93)}}@media (max-width: 700px){.main-area{padding-bottom:max(26vw,60px)}.mycards-area{padding:max(5vw,16px) max(3vw,8px)}.area-title{font-size:max(1.13em,4vw)}.game-btn-row-vertical{gap:12px}.main-btn-block{font-size:max(1em,3.6vw)}}