@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-family-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-dark: #0f172a;--bg-panel: #1e293b;--bg-panel-light: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-gold: #fbbf24;--accent-green: #10b981;--accent-red: #ef4444;font-family:var(--font-family-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,#1e293b,#0f172a)}#app{width:100%;height:100vh;margin:0;padding:0}button{cursor:pointer;font-family:inherit}.card[data-v-ce6c6720]{width:80px;height:120px;background-color:#fff;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;justify-content:space-between;padding:6px;box-sizing:border-box;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,sans-serif}.card.interactive[data-v-ce6c6720]{cursor:pointer}.card.interactive[data-v-ce6c6720]:hover:not(.disabled){transform:translateY(-12px) scale(1.05);box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;z-index:20}.card.selected[data-v-ce6c6720]{transform:translateY(-20px) scale(1.05);box-shadow:0 0 0 3px #3b82f6,0 10px 15px -3px #3b82f680}.card.disabled[data-v-ce6c6720]{opacity:.6;filter:grayscale(.8) contrast(.8);cursor:not-allowed}.card.faceDown[data-v-ce6c6720]{background-color:#1e3a8a;background-image:url(/images/card_bg.png);background-size:cover;border:4px solid #fff;box-shadow:inset 0 0 10px #00000080,0 4px 6px -1px #0000001a}.card-back[data-v-ce6c6720]{width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 10px,transparent 10px,transparent 20px);border-radius:2px;border:1px solid rgba(255,255,255,.2)}.red[data-v-ce6c6720]{color:#ef4444}.black[data-v-ce6c6720]{color:#111827}.card-content[data-v-ce6c6720]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.corner[data-v-ce6c6720]{display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:800;font-size:16px;position:absolute;letter-spacing:-1px}.corner .suit[data-v-ce6c6720]{font-size:14px;margin-top:1px}.top-left[data-v-ce6c6720]{top:2px;left:2px}.bottom-right[data-v-ce6c6720]{bottom:2px;right:2px;transform:rotate(180deg)}.center-suit[data-v-ce6c6720]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:52px;opacity:.1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.card-placeholder[data-v-ce6c6720]{border:2px dashed rgba(255,255,255,.2);background:#0000001a;width:100%;height:100%;border-radius:4px}.trick-area[data-v-20f662c0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.trick-center[data-v-20f662c0]{width:280px;height:280px;position:relative;border-radius:50%;background:#0000001a;box-shadow:inset 0 0 20px #0003}.card-slot[data-v-20f662c0]{position:absolute;width:80px;height:120px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.pos-bottom[data-v-20f662c0]{bottom:10px;left:50%;transform:translate(-50%);z-index:4}.pos-top[data-v-20f662c0]{top:10px;left:50%;transform:translate(-50%);z-index:2}.pos-left[data-v-20f662c0]{left:10px;top:50%;transform:translateY(-50%) rotate(10deg);z-index:3}.pos-right[data-v-20f662c0]{right:10px;top:50%;transform:translateY(-50%) rotate(-10deg);z-index:3}.slot-label[data-v-20f662c0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff6;font-size:14px;font-weight:700;pointer-events:none;text-transform:uppercase;letter-spacing:1px}.empty-slot[data-v-20f662c0]{width:100%;height:100%;border:2px dashed rgba(255,255,255,.15);border-radius:6px;opacity:.5;background:#ffffff05}.played-card[data-v-20f662c0]{box-shadow:0 10px 20px #0006;animation:playCardIn-20f662c0 .3s ease-out}@keyframes playCardIn-20f662c0{0%{transform:scale(1.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card-slot.winner .played-card[data-v-20f662c0]{box-shadow:0 0 30px #fbbf24cc,0 0 10px #fbbf2466 inset;transform:scale(1.15) translateY(-10px);z-index:10!important}.seat[data-v-5a196383]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:12px;transition:all .3s;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:120px}.seat.active[data-v-5a196383]{background:#3b82f633;box-shadow:0 0 15px #3b82f666;border:1px solid rgba(59,130,246,.5)}.seat.local[data-v-5a196383]{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.avatar-container[data-v-5a196383]{position:relative}.avatar[data-v-5a196383]{width:48px;height:48px;border-radius:50%;background:#374151;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid #4b5563}.seat.active .avatar[data-v-5a196383]{border-color:#3b82f6;background:#1e40af}.dealer-badge[data-v-5a196383]{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#f59e0b;color:#000;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #1f2937}.info[data-v-5a196383]{text-align:center;color:#fff}.name[data-v-5a196383]{font-size:16px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:6px;justify-content:center}.type-badge[data-v-5a196383]{font-size:10px;background:#ffffff1a;padding:2px 4px;border-radius:4px;text-transform:uppercase}.stats[data-v-5a196383]{display:flex;gap:8px;justify-content:center}.pile-badge[data-v-5a196383]{background:#0000004d;padding:2px 8px;border-radius:10px;font-size:12px;display:flex;gap:4px}.value[data-v-5a196383]{font-weight:700;color:#fff}.label[data-v-5a196383]{opacity:.7}.thinking-indicator[data-v-5a196383]{position:absolute;top:-8px;left:50%;transform:translate(-50%);display:flex;gap:2px}.dot[data-v-5a196383]{width:4px;height:4px;background:#3b82f6;border-radius:50%;animation:bounce-5a196383 1.4s infinite ease-in-out both}.dot[data-v-5a196383]:nth-child(1){animation-delay:-.32s}.dot[data-v-5a196383]:nth-child(2){animation-delay:-.16s}@keyframes bounce-5a196383{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.seat.passed[data-v-5a196383]{opacity:.6;filter:grayscale(.5)}.passed-badge[data-v-5a196383]{position:absolute;top:-10px;right:-10px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;border:2px solid #1f2937;z-index:10}.game-table-container[data-v-bb2f531b]{width:100%;height:100%;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.felt-surface[data-v-bb2f531b]{width:100%;max-width:800px;height:600px;background-color:#2e5c33;background-image:url(/images/felt_pattern.png),radial-gradient(circle at center,#4caf5066,#1b5e20e6);background-blend-mode:overlay,normal;border-radius:60px;box-shadow:inset 0 0 50px #0009,0 20px 40px #0006;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:16px solid #4e342e;border-top-color:#5d4037;border-bottom-color:#3e2723}.trump-zone[data-v-bb2f531b]{position:absolute;top:40px;left:40px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:5}.zone-label[data-v-bb2f531b]{color:#fffc;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.trump-card[data-v-bb2f531b]{transform:scale(1.1) rotate(-8deg);box-shadow:-2px 5px 15px #00000080;transition:transform .3s}.trump-card[data-v-bb2f531b]:hover{transform:scale(1.15) rotate(-5deg) translateY(-5px);z-index:10}.trump-placeholder[data-v-bb2f531b]{width:80px;height:120px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:#0000001a}.seat-pos[data-v-bb2f531b]{position:absolute;z-index:10}.seat-pos.top[data-v-bb2f531b]{top:30px;left:50%;transform:translate(-50%)}.seat-pos.left[data-v-bb2f531b]{left:30px;top:50%;transform:translateY(-50%)}.seat-pos.right[data-v-bb2f531b]{right:30px;top:50%;transform:translateY(-50%)}.center-area[data-v-bb2f531b]{z-index:1;pointer-events:none}.bottom-area[data-v-bb2f531b]{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;z-index:20}.my-seat-info[data-v-bb2f531b]{position:absolute;left:40px;bottom:40px}.hand-container[data-v-bb2f531b]{display:flex;flex-direction:column;align-items:center;gap:15px;transform:translateY(20px)}.hand-label[data-v-bb2f531b]{background:#111827cc;padding:6px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0003}.turn-alert[data-v-bb2f531b]{color:#fbbf24;font-weight:800;letter-spacing:1px;animation:pulse-bb2f531b 1.5s infinite}.hand-cards[data-v-bb2f531b]{display:flex;gap:-20px;padding:10px;transition:gap .3s}.hand-cards[data-v-bb2f531b]:hover{gap:5px}@keyframes pulse-bb2f531b{0%{opacity:1;text-shadow:0 0 5px rgba(251,191,36,.5)}50%{opacity:.6;text-shadow:none}to{opacity:1;text-shadow:0 0 5px rgba(251,191,36,.5)}}.score-board[data-v-adb62bab]{background:var(--bg-panel);border-radius:16px;padding:20px;color:var(--text-main);height:100%;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0003}.section-title[data-v-adb62bab]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:20px;font-weight:800;border-bottom:1px solid var(--border-color);padding-bottom:12px}.players-list[data-v-adb62bab]{display:flex;flex-direction:column;gap:12px}.player-row[data-v-adb62bab]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.player-row.active[data-v-adb62bab]{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 4px 6px -1px #3b82f61a}.row-main[data-v-adb62bab]{display:flex;align-items:center;gap:12px}.p-avatar[data-v-adb62bab]{width:36px;height:36px;background:var(--bg-panel-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:2px solid var(--border-color)}.player-row.active .p-avatar[data-v-adb62bab]{border-color:var(--accent-blue);color:var(--accent-blue)}.p-info[data-v-adb62bab]{display:flex;flex-direction:column;gap:2px}.p-name[data-v-adb62bab]{font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center}.type[data-v-adb62bab]{font-size:10px;opacity:.5;text-transform:uppercase;font-weight:500;background:#ffffff0d;padding:1px 4px;border-radius:3px}.p-stats[data-v-adb62bab]{display:flex;gap:6px}.stat-pill[data-v-adb62bab]{font-size:11px;padding:2px 8px;border-radius:6px;background:#0003;font-weight:600}.pile[data-v-adb62bab]{color:var(--text-main)}.jacks[data-v-adb62bab]{color:var(--accent-gold)}.tricks-count[data-v-adb62bab]{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.t-label[data-v-adb62bab]{font-size:10px;text-transform:uppercase;font-weight:700;opacity:.4;letter-spacing:.5px}.t-val[data-v-adb62bab]{font-size:18px;font-weight:800;color:var(--accent-blue);line-height:1}.phase-panel[data-v-1660a979]{background:var(--bg-panel);border-radius:16px;padding:20px;color:var(--text-main);height:100%;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 15px -3px #0003}.section-title[data-v-1660a979]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:4px;font-weight:800;border-bottom:1px solid var(--border-color);padding-bottom:12px}.phase-section[data-v-1660a979]{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;flex:1;display:flex;flex-direction:column}.phase-header[data-v-1660a979]{font-size:16px;font-weight:800;color:var(--accent-blue);margin-bottom:16px;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.info-row[data-v-1660a979]{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted);margin-bottom:16px;font-weight:500}.val[data-v-1660a979]{font-weight:700;color:var(--text-main)}.human-actions[data-v-1660a979]{display:flex;flex-direction:column;gap:12px;margin-top:auto}.action-btn[data-v-1660a979]{width:100%;padding:12px;border-radius:8px;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.action-btn[data-v-1660a979]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-btn[data-v-1660a979]:active:not(:disabled){transform:translateY(0)}.action-btn[data-v-1660a979]:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary[data-v-1660a979]{background:var(--accent-blue);color:#fff;box-shadow:0 4px 6px -1px #3b82f633}.action-btn.primary[data-v-1660a979]:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:0 10px 15px -3px #3b82f64d}.action-btn.warning[data-v-1660a979]{background:var(--accent-gold);color:#000;box-shadow:0 4px 6px -1px #fbbf2433}.action-btn.warning[data-v-1660a979]:hover:not(:disabled){background:#f59e0b;box-shadow:0 10px 15px -3px #fbbf244d}.tip[data-v-1660a979]{font-size:12px;color:var(--text-muted);text-align:center;margin-top:8px;font-weight:500}.highlight[data-v-1660a979]{color:var(--accent-blue);font-weight:800}.system-actions[data-v-1660a979]{margin-top:auto;display:flex;gap:10px}.sys-btn[data-v-1660a979]{flex:1;background:var(--bg-panel-light);border:1px solid var(--border-color);color:var(--text-main);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px;border-radius:6px;transition:all .2s}.sys-btn[data-v-1660a979]:hover{background:#475569;border-color:#64748b}.sys-btn.danger[data-v-1660a979]:hover{background:#ef44441a;border-color:var(--accent-red);color:var(--accent-red)}.winner-display[data-v-1660a979]{font-size:20px;font-weight:800;color:var(--accent-green);text-align:center;margin-bottom:20px;letter-spacing:-.5px}.modal-overlay[data-v-3ad6b2b2]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card[data-v-3ad6b2b2]{background:var(--bg-panel);padding:30px;border-radius:16px;border:1px solid var(--border-color);max-width:400px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000080}.modal-card h2[data-v-3ad6b2b2]{color:var(--accent-blue);margin-top:0}.modal-actions[data-v-3ad6b2b2]{display:flex;gap:15px;justify-content:center;margin-top:25px}.btn-primary[data-v-3ad6b2b2]{background:var(--accent-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary[data-v-3ad6b2b2]:hover{background:var(--accent-blue-hover);transform:translateY(-2px)}.btn-secondary[data-v-3ad6b2b2]{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-secondary[data-v-3ad6b2b2]:hover{background:var(--bg-panel-light);color:#fff}.app-container[data-v-3ad6b2b2]{display:flex;flex-direction:column;height:100vh;width:100vw;color:var(--text-main);overflow:hidden;background:transparent}.app-header[data-v-3ad6b2b2]{height:60px;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.brand[data-v-3ad6b2b2]{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.5px}.logo-icon[data-v-3ad6b2b2]{color:var(--accent-blue);font-size:24px}.status-bar[data-v-3ad6b2b2]{font-family:monospace;opacity:.6;font-size:13px}.connection-status[data-v-3ad6b2b2]{font-size:13px;display:flex;align-items:center;gap:8px;font-weight:500}.connection-status.error[data-v-3ad6b2b2]{color:var(--accent-red)}.online[data-v-3ad6b2b2]{color:var(--accent-green)}.game-layout[data-v-3ad6b2b2]{flex:1;display:flex;padding:24px;gap:24px;overflow:hidden}.layout-col[data-v-3ad6b2b2]{height:100%;display:flex;flex-direction:column}.layout-col.left[data-v-3ad6b2b2]{width:280px;flex-shrink:0}.layout-col.center[data-v-3ad6b2b2]{flex:1;min-width:0}.layout-col.right[data-v-3ad6b2b2]{width:280px;flex-shrink:0}.loading-screen[data-v-3ad6b2b2]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.loading-screen h1[data-v-3ad6b2b2]{font-size:64px;font-weight:800;margin:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:16px}.loading-screen h1[data-v-3ad6b2b2]:before{content:"♠";font-size:72px;color:var(--accent-blue);-webkit-text-fill-color:initial;animation:float-3ad6b2b2 3s ease-in-out infinite}@keyframes float-3ad6b2b2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-screen p[data-v-3ad6b2b2]{font-size:18px;color:var(--text-muted);margin:0}.loading-screen button[data-v-3ad6b2b2]{background:var(--accent-blue);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 15px -3px #3b82f64d}.loading-screen button[data-v-3ad6b2b2]:hover{transform:translateY(-4px) scale(1.05);background:var(--accent-blue-hover);box-shadow:0 20px 25px -5px #3b82f666}.notification-overlay[data-v-3ad6b2b2]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notif-card[data-v-3ad6b2b2]{background:var(--bg-panel);padding:30px;border-radius:16px;border:2px solid var(--accent-blue);text-align:center;box-shadow:0 20px 50px #00000080;animation:slideUp-3ad6b2b2 .3s ease-out}.notif-card h3[data-v-3ad6b2b2]{margin:0 0 10px;color:var(--accent-blue)}.dismiss-hint[data-v-3ad6b2b2]{display:block;margin-top:20px;font-size:12px;opacity:.5}@keyframes slideUp-3ad6b2b2{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-enter-active[data-v-3ad6b2b2],.fade-leave-active[data-v-3ad6b2b2]{transition:opacity .3s ease}.fade-enter-from[data-v-3ad6b2b2],.fade-leave-to[data-v-3ad6b2b2]{opacity:0}@media(max-width:900px){.game-layout[data-v-3ad6b2b2]{flex-direction:column;overflow-y:auto}.layout-col.left[data-v-3ad6b2b2],.layout-col.right[data-v-3ad6b2b2]{width:100%;height:auto}.layout-col.center[data-v-3ad6b2b2]{min-height:500px}}