:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:100%;height:100%}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.card{width:var(--bot-card-w);aspect-ratio:2/3;border-radius:var(--card-radius,6px);cursor:default;background:linear-gradient(145deg,#fff,#f5f0e8);border:1px solid #0000001f;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 3px 8px #00000080,inset 0 1px #fffc}.card.red{color:#c0392b}.card:not(.red){color:#1a1a2e}.card-corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.top-left{top:3px;left:4px}.bottom-right{bottom:3px;right:4px;transform:rotate(180deg)}.corner-rank{font-size:clamp(8px,1.8vw,14px);font-weight:900;line-height:1}.corner-suit{font-size:clamp(7px,1.5vw,11px);line-height:1}.card-suit-big{-webkit-user-select:none;user-select:none;font-size:clamp(18px,4.5vw,36px);line-height:1}.card.invalid{filter:grayscale(.85)brightness(.6);pointer-events:none;cursor:not-allowed!important}.card.invalid:hover{z-index:auto!important;transform:none!important}.card-back{background-color:var(--card-back-color,#8b0000)!important;cursor:default!important;background-image:repeating-linear-gradient(45deg,#d4af371f 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#d4af371f 0 1px,#0000 1px 9px)!important;border:1px solid #d4af3780!important;box-shadow:0 3px 8px #000000b3,inset 0 0 8px #0006!important}.card-back:before{content:"✦";color:#d4af3766;pointer-events:none;font-size:clamp(12px,3vw,20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-hand{justify-content:center;width:100%;padding:0 8px;display:flex}.user-hand .card{width:var(--user-card-w);margin-left:calc(var(--user-card-w) * -.52);cursor:pointer;transition:transform .18s}.user-hand .card:first-child{margin-left:0}.user-hand .card:hover{z-index:200;transform:translateY(-22px)scale(1.06);box-shadow:0 12px 24px #0009}@media (width>=768px){.user-hand .card{margin-left:-38px}}.stack-h{display:flex}.card-h{margin-left:calc(var(--bot-card-w) * -.68)}.card-h:first-child{margin-left:0}.stack-v{flex-direction:column;display:flex}.card-v{margin-top:calc(var(--bot-card-w) * -1)}.card-v:first-child{margin-top:0}.player-tag{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:#f0e6ccd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;border:1px solid #ffffff26;border-radius:20px;margin-bottom:5px;padding:4px 12px;font-size:clamp(.55rem,1.5vw,.75rem);font-weight:800;transition:all .2s}.player-tag.active{color:#f1c40f;background:#f1c40f1a;border-color:#f1c40f;box-shadow:0 0 12px #f1c40f99}.you-tag{margin-top:5px;margin-bottom:0}.bidding-panel{flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.bidding-panel h3{color:#f1c40f;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(.65rem,1.8vw,.85rem)}.bid-buttons{flex-wrap:wrap;justify-content:center;gap:5px;width:100%;display:flex}.bid-btn{cursor:pointer;color:#fff;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff3;border-radius:8px;padding:clamp(4px,1vw,8px) clamp(6px,1.5vw,12px);font-size:clamp(.6rem,1.5vw,.8rem);font-weight:700;transition:all .15s}.bid-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.bid-btn:disabled{opacity:.4;cursor:not-allowed}.bid-btn-clubs{border-color:#ffffff4d}.bid-btn-diamonds,.bid-btn-hearts{color:#ff8878;border-color:#dc503c80}.bid-btn-spades{border-color:#ffffff4d}.bid-btn-notrump{color:#80d0ff;border-color:#64c8ff80}.bid-btn-alltrump{color:#d4af37;border-color:#d4af3780}.bid-btn-pass{color:#ff6b6b;background:#e74c3c1a;border-color:#e74c3c80}.trick-card-area{pointer-events:none;position:absolute;inset:0}.chat-panel{border-top:1px solid #d4af3733;padding:10px}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:8px;display:grid}.emoji-item{text-align:center;cursor:pointer;border-radius:6px;padding:4px;font-size:1.2rem;transition:background .1s}.emoji-item:hover{background:#ffffff1a}.phrase-list{flex-direction:column;gap:4px;display:flex}.phrase-item{cursor:pointer;color:var(--text,#f0e6cc);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:5px 8px;font-size:.75rem;transition:all .15s}.phrase-item:hover{background:#ffffff1f}.contract-badge{color:#000;letter-spacing:.05em;background:#d4af37e6;border-radius:20px;padding:3px 10px;font-size:clamp(.7rem,1.8vw,.9rem);font-weight:900;position:absolute;top:8px;right:10px;box-shadow:0 2px 8px #00000080}.absolute-center{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--user-card-w:clamp(62px, 15vw, 95px);--bot-card-w:clamp(42px, 10vw, 65px);--accent:#d4af37;--accent2:#f1c40f;--danger:#e74c3c;--success:#2ecc71;--text:#f0e6cc;--table-felt:#0a4d26;--table-border:#5a3010;--room-bg:linear-gradient(135deg, #2c1a0a, #1a0f05);--card-radius:6px}body,html{width:100vw;height:100vh;color:var(--text);background:#000;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#root{width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:unset!important;border:none!important;margin:0!important}.app-container{background:var(--room-bg);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.game-area{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}.visual-table{aspect-ratio:1.6;background:radial-gradient(ellipse at 30% 30%, #ffffff0f 0%, transparent 60%), radial-gradient(circle at center, color-mix(in srgb, var(--table-felt) 90%, white 10%), var(--table-felt));border:clamp(8px, 1.8vw, 18px) solid var(--table-border);z-index:5;border-radius:120px;justify-content:center;align-items:center;width:min(88vw,155dvh);display:flex;position:relative;box-shadow:inset 0 0 60px #00000080,inset 0 0 120px #0003,0 20px 60px #000000e6,0 0 0 3px #d4af3726}.visual-table:before{content:"";border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000008 0 1px,#0000 1px 3px);position:absolute;inset:0}.visual-table:after{content:"";pointer-events:none;border:2px solid #d4af3733;border-radius:124px;position:absolute;inset:-4px}@media (width<=600px){.visual-table{aspect-ratio:1.2;border-radius:50px;width:96vw;margin-top:-8vh}.visual-table:after{border-radius:54px}}.player-slot{z-index:50;flex-direction:column;align-items:center;display:flex;position:absolute}.slot-north{top:12px;left:50%;transform:translate(-50%)}.slot-west{top:50%;left:8px;transform:translateY(-50%)}.slot-east{top:50%;right:8px;transform:translateY(-50%)}.slot-south{flex-direction:column;width:100%;padding-bottom:6px;bottom:0;left:50%;transform:translate(-50%)}@media (width<=600px){.slot-west{left:2px}.slot-east{right:2px}.slot-north{top:6px}}.score-board{border-left:3px solid var(--accent);z-index:1000;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;display:flex;position:fixed;top:12px;left:12px}.score-leading{color:var(--accent2)}.score-divider{color:#ffffff4d}.controls-top{z-index:1000;gap:8px;display:flex;position:fixed;top:12px;right:12px}.ctrl-btn{border:2px solid var(--accent);cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:50%;justify-content:center;align-items:center;width:clamp(34px,5vw,46px);height:clamp(34px,5vw,46px);font-size:clamp(.9rem,2vw,1.2rem);transition:all .2s;display:flex}.ctrl-btn:hover{background:#d4af3733;transform:scale(1.1)}.main-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #d4af374d;border-radius:24px;flex-direction:column;align-items:center;gap:16px;min-width:280px;padding:40px;display:flex;box-shadow:0 0 60px #000c}.menu-logo{align-items:center;gap:16px;display:flex}.menu-logo h1{color:var(--accent);letter-spacing:.1em;text-shadow:0 0 30px #d4af3780;margin:0;font-size:clamp(3rem,8vw,5rem);font-weight:900}.menu-suit{opacity:.8;font-size:clamp(2rem,5vw,3rem)}.menu-suit.r{color:#e74c3c}.menu-suits-row{opacity:.6;gap:20px;font-size:1.5rem;display:flex}.menu-suits-row .r{color:#e74c3c}.menu-btn{letter-spacing:.08em;cursor:pointer;border:none;border-radius:50px;width:100%;padding:14px 32px;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;transition:all .2s}.menu-btn.primary{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);padding:16px 40px;font-size:clamp(1rem,3vw,1.3rem);box-shadow:0 4px 20px #2ecc7166}.menu-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #2ecc7180}.menu-btn.secondary{color:var(--text);background:#ffffff1a;border:1px solid #fff3}.menu-btn.secondary:hover{background:#ffffff26;transform:translateY(-1px)}.result-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-card{border:2px solid var(--accent);text-align:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-radius:24px;min-width:280px;max-width:360px;padding:32px 40px;box-shadow:0 0 60px #d4af374d}.result-burned{color:var(--danger);margin-bottom:16px;font-size:2rem}.result-won{color:var(--success);margin-bottom:16px;font-size:2rem}.result-scores{justify-content:space-around;gap:20px;margin:20px 0;display:flex}.result-team{flex-direction:column;align-items:center;display:flex}.result-team-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.result-team-pts{color:var(--accent2);font-size:2.5rem;font-weight:900}.result-total{color:#ffffff80;border-top:1px solid #ffffff1a;margin-bottom:20px;padding-top:12px;font-size:.85rem}.result-game-over{color:var(--accent);margin-bottom:16px;font-size:1.2rem;font-weight:700}.result-btn{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50px;width:100%;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .2s}.result-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #2ecc7166}.chat-sidebar{border-right:2px solid var(--accent);z-index:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000eb;flex-direction:column;width:min(280px,80vw);display:flex;position:fixed;top:0;bottom:0;left:0}.chat-header{color:var(--accent);border-bottom:1px solid #d4af374d;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.chat-header button{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:1rem}.chat-header button:hover{color:#fff}.chat-history{flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:4px}.chat-history::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.chat-bubble{background:#ffffff12;border-radius:10px;padding:6px 10px;font-size:.8rem;line-height:1.4}.chat-bubble strong{color:var(--accent)}.modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:2px solid var(--accent);text-align:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-radius:20px;width:95vw;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 0 40px #d4af3733}.modal-content h2{color:var(--accent);margin:0 0 16px}.modal-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.modal-grid button{cursor:pointer;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.modal-grid button:hover{background:#ffffff1f;transform:translateY(-1px)}.modal-grid button.active{border-color:var(--accent);color:var(--accent2);background:#d4af3740}.modal-grid button[style*="color: rgb(231"]{background:#e74c3c26;border-color:#e74c3c66}.name-input-row{gap:8px;width:100%;max-width:280px;margin-top:8px;display:flex}.name-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffd7004d;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:1em}.name-input:focus{border-color:gold}.small-btn{padding:10px 16px!important}.mp-turn-indicator{color:#000;z-index:50;background:#d4af37e6;border-radius:20px;padding:6px 20px;font-size:.9em;font-weight:700;animation:1s ease-in-out infinite pulse-turn;position:fixed;top:60px;left:50%;transform:translate(-50%)}@keyframes pulse-turn{0%,to{box-shadow:0 0 10px #d4af3780}50%{box-shadow:0 0 20px #d4af37cc}}.mp-leave-btn{color:#fff;cursor:pointer;z-index:50;background:#e74c3ccc;border:none;border-radius:50%;width:36px;height:36px;font-size:1.1em;transition:background .2s;position:fixed;top:12px;left:12px}.mp-leave-btn:hover{background:#e74c3c}.mp-loading{color:gold;background:radial-gradient(#1a1a2e 0%,#000 100%);justify-content:center;align-items:center;font-size:1.3em;display:flex;position:fixed;inset:0}.lobby-container{z-index:100;background:radial-gradient(#1a1a2e 0%,#000 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-panel{background:#141428f2;border:1px solid #ffd7004d;border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.lobby-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.lobby-header h2{color:gold;margin:0;font-size:1.4em}.lobby-header-actions{gap:8px;display:flex}.lobby-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.9em;font-weight:700;transition:all .2s}.lobby-btn.primary{color:#000;background:linear-gradient(135deg,#d4af37,#b8860b)}.lobby-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.lobby-btn.secondary{color:#ccc;background:#ffffff1a;border:1px solid #fff3}.lobby-btn.secondary:hover{background:#ffffff26}.lobby-btn.small{padding:6px 12px;font-size:.8em}.create-room-form{gap:8px;margin-bottom:16px;display:flex}.create-room-form input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.9em}.create-room-form input:focus{border-color:#d4af37}.room-list{flex-direction:column;gap:8px;display:flex}.room-list-empty{text-align:center;color:#888;padding:32px 0;font-style:italic}.room-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.room-item:hover{background:#ffffff14}.room-item-info{flex-direction:column;gap:2px;display:flex}.room-item-name{color:#fff;font-weight:700}.room-item-host{color:#888;font-size:.8em}.room-item-meta{align-items:center;gap:10px;display:flex}.room-status{font-size:.8em}.room-status.waiting{color:gold}.room-status.playing{color:#4caf50}.room-players{color:#aaa;font-size:.9em}.lobby-error{color:#e74c3c;text-align:center;background:#e74c3c33;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:.85em}.back-btn{width:100%;margin-top:16px}.room-panel{text-align:center}.room-panel h2{color:gold;margin-bottom:20px}.room-table-preview{background:radial-gradient(#0a4d26 0%,#063018 100%);border:3px solid #5a3010;border-radius:50%;width:260px;height:260px;margin:0 auto 20px;position:relative}.room-seat{text-align:center;position:absolute}.seat-0{bottom:-10px;left:50%;transform:translate(-50%)}.seat-1{top:50%;left:-10px;transform:translateY(-50%)}.seat-2{top:-10px;left:50%;transform:translate(-50%)}.seat-3{top:50%;right:-10px;transform:translateY(-50%)}.seat-box{border-radius:8px;flex-direction:column;gap:2px;min-width:70px;padding:6px 12px;font-size:.8em;display:flex}.seat-box.occupied{background:#4caf504d;border:1px solid #4caf50}.seat-box.empty{background:#ffffff1a;border:1px dashed #ffffff4d}.seat-name{color:#fff;font-weight:700}.seat-bot{color:#888}.seat-pos{color:#aaa;font-size:.75em}.room-table-center{color:gold;font-size:1.4em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-actions{flex-direction:column;gap:10px;display:flex}.room-actions .lobby-btn{width:100%;padding:12px;font-size:1em}