#app{height:100vh;width:100vw}body{margin:0}.board[data-v-a39fa224]{width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;background:#e8ecf1;--cw:min(calc(7.69231vw - 3.07692px),calc(8.33333vh - 5px));--ch:calc(var(--cw)*1.5);--g:2px;--avail:calc(100vh - var(--ch)*4 - 16px)}.cs[data-v-a39fa224]{width:var(--cw);height:var(--ch);border-radius:4px;border:2px solid transparent;flex-shrink:0;cursor:pointer;overflow:hidden;background:#fff}.cs img[data-v-a39fa224]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;pointer-events:none}.cs.taken[data-v-a39fa224]{opacity:.6;cursor:default}.hc[data-v-a39fa224]{width:var(--hcw);height:var(--hch);border-radius:4px;border:2px solid transparent;flex-shrink:0;cursor:pointer;overflow:hidden;background:#fff;transition:transform .12s,box-shadow .12s}.hc img[data-v-a39fa224]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;pointer-events:none}.hc[data-v-a39fa224]:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.15)}.hc.dragging[data-v-a39fa224]{opacity:.4}.p4-badge[data-v-a39fa224]{background:linear-gradient(135deg,#409eff,#2070c0);box-shadow:0 2px 6px rgba(64,158,255,.45)}.p4-badge[data-v-a39fa224],.special-badge[data-v-a39fa224]{color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px;white-space:nowrap;letter-spacing:1px}.special-badge[data-v-a39fa224]{background:linear-gradient(135deg,#ff6b35,#f7c948);box-shadow:0 2px 8px rgba(255,107,53,.5);animation:specialPulse-a39fa224 1.5s ease-in-out infinite}@keyframes specialPulse-a39fa224{0%,to{box-shadow:0 2px 8px rgba(255,107,53,.5)}50%{box-shadow:0 2px 16px rgba(255,107,53,.9)}}.hand-empty[data-v-a39fa224]{display:flex;align-items:center;justify-content:center}.empty-hint[data-v-a39fa224]{color:#8aa5c0;font-size:14px;font-weight:600;text-align:center;line-height:1.6}.pc-p4[data-v-a39fa224]{border:3px solid #409eff!important;box-shadow:0 0 10px rgba(64,158,255,.5),inset 0 0 4px rgba(64,158,255,.15);background:#f0f7ff}.b-yellow[data-v-a39fa224]{border-color:#e6b800!important}.b-red[data-v-a39fa224]{border-color:#e74c3c!important}.b-green[data-v-a39fa224]{border-color:#27ae60!important}.pond[data-v-a39fa224]{display:grid;grid-template-columns:repeat(13,var(--cw));grid-template-rows:repeat(4,var(--ch));gap:var(--g);justify-content:center;padding:4px;background:#fff;border-bottom:2px solid #cfd4db}.players[data-v-a39fa224]{flex:1;gap:3px;min-height:0;overflow:hidden;padding:2px}.layout-grid[data-v-a39fa224]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;--player-h:calc(var(--avail)/2);--hch:calc((var(--player-h) - 24px)/2);--hcw:calc(var(--hch)/1.4);--row-overlap:calc(var(--hch)*-0.5)}.layout-grid-img[data-v-a39fa224]{display:grid;grid-template-areas:"recog p4    other1" "recog self  other2";grid-template-columns:1.4fr 1fr .7fr;grid-template-rows:1fr 1fr;--player-h:calc(var(--avail)/2);--hch:calc((var(--player-h) - 20px)/2.2);--hcw:calc(var(--hch)/1.4);--row-overlap:calc(var(--hch)*-0.4)}.layout-grid-img .recog-cell[data-v-a39fa224]{grid-area:recog}.layout-grid-img .remaining-bg[data-v-a39fa224]{grid-area:p4}.layout-grid-img .quad-head[data-v-a39fa224]{padding:2px 4px;flex-wrap:wrap;gap:2px}.layout-grid-img .btn-opt[data-v-a39fa224],.layout-grid-img .btn-reset-all[data-v-a39fa224],.layout-grid-img .btn[data-v-a39fa224]{font-size:10px;padding:2px 6px}.layout-grid-img .tag[data-v-a39fa224]{font-size:10px;padding:1px 5px}.layout-grid-img .rank-btn[data-v-a39fa224]{padding:1px 4px;font-size:9px}.layout-grid-img .rank-no[data-v-a39fa224]{width:12px;height:12px;font-size:8px}.quad[data-v-a39fa224]{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;min-height:0}.remaining-bg[data-v-a39fa224]{background:linear-gradient(135deg,#e8f2fc,#d6e8f8);border:2px solid #a3c6e8}.bg-p1[data-v-a39fa224]{background:#fffde6;border:2px solid #e6b800}.bg-p2[data-v-a39fa224]{background:#fff0f0;border:2px solid #e74c3c}.bg-p3[data-v-a39fa224]{background:#eefbf3;border:2px solid #27ae60}.quad-head[data-v-a39fa224]{display:flex;align-items:center;justify-content:space-between;padding:3px 8px;flex-shrink:0;flex-wrap:wrap;gap:2px}.hand-area[data-v-a39fa224]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;padding:0}.hand-row[data-v-a39fa224]{display:flex;justify-content:center;position:relative}.hand-row .hc+.hc[data-v-a39fa224]{margin-left:calc(var(--hcw)*-.3)}.hand-row+.hand-row[data-v-a39fa224]{margin-top:var(--row-overlap)}.hand-back .hc+.hc[data-v-a39fa224]{margin-left:calc(var(--hcw)*-.15)}.head-btns[data-v-a39fa224]{display:flex;align-items:center;gap:4px}.btn-opt[data-v-a39fa224]{padding:4px 12px;border:2px solid transparent;border-radius:14px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:all .25s;letter-spacing:1px}.btn-opt[data-v-a39fa224]:hover{transform:scale(1.05)}.opt-inactive[data-v-a39fa224]{background:#eceff1;color:#546e7a;border-color:#b0bec5}.opt-active[data-v-a39fa224]{background:linear-gradient(135deg,#ff9800,#f44336);color:#fff;border-color:#e65100;box-shadow:0 2px 10px rgba(244,67,54,.45);animation:optPulse-a39fa224 1.5s ease-in-out infinite}.opt-recog-active[data-v-a39fa224]{background:linear-gradient(135deg,#2196f3,#00bcd4);color:#fff;border-color:#0d47a1;box-shadow:0 2px 10px rgba(33,150,243,.45)}@keyframes optPulse-a39fa224{0%,to{box-shadow:0 2px 10px rgba(244,67,54,.45)}50%{box-shadow:0 2px 16px rgba(244,67,54,.7)}}.rank-bar[data-v-a39fa224]{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.rank-btn[data-v-a39fa224]{display:flex;align-items:center;gap:2px;padding:2px 6px;border:1.5px solid #cfd8dc;border-radius:10px;background:#f5f5f5;color:#78909c;cursor:pointer;font-size:10px;font-weight:600;transition:all .2s}.rank-btn[data-v-a39fa224]:hover{background:#e3f2fd;border-color:#64b5f6}.rank-active[data-v-a39fa224]{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border-color:#0d47a1;box-shadow:0 1px 6px rgba(25,118,210,.4)}.rank-no[data-v-a39fa224]{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.1);font-size:9px;font-weight:800}.rank-active .rank-no[data-v-a39fa224]{background:hsla(0,0%,100%,.25)}.rank-pct[data-v-a39fa224]{font-size:10px}.tag[data-v-a39fa224]{font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;white-space:nowrap}.tg-1[data-v-a39fa224]{background:#fef3cd;color:#856404}.tg-2[data-v-a39fa224]{background:#f8d7da;color:#842029}.tg-3[data-v-a39fa224]{background:#d1e7dd;color:#0f5132}.btn[data-v-a39fa224]{padding:4px 12px;background:linear-gradient(135deg,#409eff,#3083d9);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 6px rgba(64,158,255,.35);transition:all .2s}.btn[data-v-a39fa224]:hover{background:linear-gradient(135deg,#5aafff,#409eff);transform:scale(1.05)}.btn[data-v-a39fa224]:active{background:linear-gradient(135deg,#3083d9,#2070c0);transform:scale(.97)}.btn-reset-all[data-v-a39fa224]{padding:4px 10px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 6px rgba(231,76,60,.4);transition:all .2s}.btn-reset-all[data-v-a39fa224]:hover{background:linear-gradient(135deg,#ff5e4f,#e74c3c);box-shadow:0 3px 10px rgba(231,76,60,.55);transform:scale(1.05)}.btn-reset-all[data-v-a39fa224]:active{background:linear-gradient(135deg,#c0392b,#a93226);transform:scale(.97)}.recog-cell[data-v-a39fa224]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#e8ecf1);border:2px dashed #b0bec5;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .2s}.recog-cell[data-v-a39fa224]:hover{background:linear-gradient(135deg,#e4eaf0,#dde3ea);border-color:#90a4ae}.recog-drag-hover[data-v-a39fa224]{border-color:#f39c12!important;border-style:dashed!important;background:rgba(243,156,18,.08)!important}.recog-preview[data-v-a39fa224]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;padding:4px}.recog-placeholder[data-v-a39fa224]{color:#90a4ae;font-size:14px;font-weight:600;text-align:center;line-height:1.8;display:flex;flex-direction:column;align-items:center;gap:6px}.recog-status[data-v-a39fa224]{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:16px}.recog-spinner-sm[data-v-a39fa224]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#f39c12;border-radius:50%;animation:recogSpin-a39fa224 .7s linear infinite;display:inline-block;flex-shrink:0}.recog-loading-inline[data-v-a39fa224]{display:inline-flex;align-items:center;gap:8px;color:#f39c12;font-weight:700}@keyframes recogSpin-a39fa224{to{transform:rotate(1turn)}}.watch-overlay[data-v-a39fa224]{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:4px;z-index:10}.watch-btn[data-v-a39fa224]{padding:3px 8px;border:1.5px solid hsla(0,0%,100%,.6);border-radius:10px;cursor:pointer;font-size:10px;font-weight:700;white-space:nowrap;transition:all .2s;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(4px)}.watch-btn[data-v-a39fa224]:hover:not(:disabled){transform:scale(1.05);background:rgba(0,0,0,.6)}.watch-btn[data-v-a39fa224]:disabled{opacity:.35;cursor:not-allowed}.watch-btn-folder[data-v-a39fa224]{background:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.5)}.watch-btn-start[data-v-a39fa224]{background:rgba(46,125,50,.85);border-color:hsla(0,0%,100%,.5)}.watch-btn-start[data-v-a39fa224]:hover:not(:disabled){background:rgba(46,125,50,.95)}.watch-btn-stop[data-v-a39fa224]{background:rgba(198,40,40,.85);border-color:hsla(0,0%,100%,.5);animation:watchPulse-a39fa224 1.5s ease-in-out infinite}.watch-btn-stop[data-v-a39fa224]:hover{background:rgba(198,40,40,.95)}@keyframes watchPulse-a39fa224{0%,to{box-shadow:0 0 0 rgba(198,40,40,0)}50%{box-shadow:0 0 8px rgba(198,40,40,.5)}}.watch-status-dot[data-v-a39fa224]{width:8px;height:8px;border-radius:50%;background:#4caf50;display:inline-block;flex-shrink:0;box-shadow:0 0 4px rgba(76,175,80,.6);animation:watchDotBlink-a39fa224 1s ease-in-out infinite}@keyframes watchDotBlink-a39fa224{0%,to{opacity:1}50%{opacity:.3}}.login[data-v-78d9db3b]{position:relative;background:#5dd5c8 url(/img/newbg.78d3ad68.png) bottom no-repeat;height:100vh;width:100%;overflow:hidden}.log_warp[data-v-78d9db3b]{width:410px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:5px;box-shadow:1px 2px 15px rgba(0,0,0,.3);padding:100px 40px}.btn_login[data-v-78d9db3b]{height:40px;background:#5dd5c8;width:100%;text-align:center;color:#fff;font-size:16px}