@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700;900&display=swap";: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%)}.hand-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.hand-row{justify-content:center;align-items:flex-end;gap:8px;width:100%;display:flex}.sort-toggle-btn{color:gold;cursor:pointer;background:#ffd70014;border:1px solid #ffd70040;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:54px;padding:8px 10px;transition:background .15s,transform .1s;display:flex}.sort-toggle-btn:hover{background:#ffd70029;transform:scale(1.04)}.sort-toggle-btn:active{transform:scale(.97)}.sort-toggle-icon{font-size:18px;line-height:1}.sort-toggle-label{letter-spacing:.3px;text-align:center;color:#aaa;font-size:9px;font-weight:700;line-height:1.3}.user-hand.hand-inactive .card{filter:brightness(.55)saturate(.5);transition:filter .3s}.user-hand.hand-inactive .card:not(.invalid){cursor:default}.user-hand{touch-action:pan-x;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:0 8px;display:flex}.user-hand .card{width:var(--user-card-w);margin-left:calc(var(--user-card-w) * -.52);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform .18s,z-index;transform:translateY(0)}.user-hand .card:first-child{margin-left:0}@media (hover:hover) and (pointer:fine){.user-hand .card:hover{z-index:200;transform:translateY(-22px)scale(1.06);box-shadow:0 12px 24px #0009}.user-hand .card:active{z-index:200;transition:transform 80ms;transform:translateY(-18px)scale(1.05)}}@media (hover:none){.user-hand .card:active{transform:translateY(0)}}@media (width>=768px){.user-hand .card{margin-left:-38px}}.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;animation:1s ease-in-out infinite pulse-turn;box-shadow:0 0 12px #f1c40f99}@keyframes pulse-turn{0%,to{box-shadow:0 0 12px #f1c40f99}50%{box-shadow:0 0 28px #f1c40f}}.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%)}.bid-history{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:4px;min-width:180px;padding:8px 14px;display:flex}.bid-history-row{justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.bid-mine{font-weight:700}.bid-player{color:#f0e6cc99;min-width:28px}.bid-val-bid{color:#f1c40f;font-weight:700}.bid-val-pass{color:#f0e6cc66}.bid-waiting{color:#f0e6ccb3;letter-spacing:.08em;font-size:.75rem;animation:1s ease-in-out infinite pulse-turn}.gchat{z-index:200;pointer-events:auto;flex-direction:column;width:280px;font-family:Rubik,sans-serif;display:flex;position:fixed;bottom:0;left:0}.gchat.gchat-minimized{width:auto;min-width:0}.gchat-list{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:#c9a84c4d transparent;background:#060f1c8c;max-height:72px;padding:4px 8px 2px;transition:max-height .25s;overflow:hidden auto}.gchat-expanded .gchat-list{max-height:220px}.gchat-row{word-break:break-word;padding:1px 0;font-size:11px;line-height:1.45}.gchat-event{color:#c9a84cbf}.gchat-system{color:#64b4ffbf;font-style:italic}.gchat-player{color:#e0e8f0}.gchat-sender{color:#c9a84c;font-weight:600}.gchat-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060f1cbf;border-top:1px solid #c9a84c26;align-items:center;gap:3px;padding:4px 5px;display:flex;position:relative}.gchat-minimize,.gchat-toggle,.gchat-emote-btn,.gchat-send{color:#c9a84c;cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84c40;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:12px;line-height:1;transition:background .15s}.gchat-minimize:hover,.gchat-toggle:hover,.gchat-emote-btn:hover,.gchat-send:hover:not(:disabled){background:#c9a84c47}.gchat-send:disabled{opacity:.35;cursor:default}.gchat-input{color:#e0e8f0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;min-width:0;padding:4px 7px;font-family:inherit;font-size:11px}.gchat-input::placeholder{color:#ffffff47}.gchat-input:focus{border-color:#c9a84c73}.gchat-input:disabled{opacity:.4;cursor:not-allowed}.gchat-emote-picker{z-index:10;background:#071422f2;border:1px solid #c9a84c4d;border-radius:8px;flex-wrap:wrap;gap:4px;width:140px;padding:6px;display:flex;position:absolute;bottom:100%;left:30px}.gchat-emote-item{cursor:pointer;background:#ffffff0f;border:none;border-radius:4px;padding:3px 5px;font-size:18px;transition:background .15s}.gchat-emote-item:hover{background:#c9a84c33}.gchat-list::-webkit-scrollbar{width:3px}.gchat-list::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:2px}:root{--navy-deep:#060f1c;--navy-mid:#0a1628;--navy-light:#112240;--gold:#c9a84c;--gold-bright:#e8c96a;--gold-dim:#c9a84c40;--gold-glow:#c9a84c26;--accent-red:#c0392b;--accent-green:#1a8a4a;--text:#ccd6f6;--text-dim:#b4c8f080;--glass-bg:#0a1628bf;--glass-border:#c9a84c33;--radius-avatar:14px;--user-card-w:clamp(62px,15vw,95px);--bot-card-w:clamp(50px,12vw,78px)}body,html{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:var(--navy-deep);width:100vw;height:100vh;color:var(--text);margin:0;padding:0;font-family:Rubik,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:radial-gradient(at 60% 40%,#c9a84c0a 0%,#0000 55%),radial-gradient(at 30% 70%,#1e3c7826 0%,#0000 50%),linear-gradient(160deg,#0a1628 0%,#060f1c 60%,#080d18 100%);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;overflow:hidden}.game-area:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#0000 12%,#c9a84c07 12.4%,#0000 12.8%),radial-gradient(circle,#0000 22%,#c9a84c06 22.4%,#0000 22.8%),radial-gradient(circle,#0000 32%,#c9a84c04 32.4%,#0000 32.8%),radial-gradient(circle,#0000 42%,#c9a84c03 42.4%,#0000 42.8%),radial-gradient(circle,#0000 54%,#c9a84c02 54.4%,#0000 54.8%),radial-gradient(circle,#0000 68%,#c9a84c02 68.4%,#0000 68.8%);position:absolute;inset:0}.game-area:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 40%,#060f1cb3 100%);position:absolute;inset:0}.player-slot{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute}.slot-north{top:10px;left:50%;transform:translate(-50%)}.slot-west{top:50%;left:10px;transform:translateY(-50%)}.slot-east{top:50%;right:10px;transform:translateY(-50%)}.slot-south{align-items:center;width:100%;padding-bottom:4px;bottom:0;left:50%;transform:translate(-50%)}@media (width<=600px){.slot-west{left:2px}.slot-east{right:2px}.slot-north{top:4px}}.pav-wrap{flex-direction:column;align-items:center;gap:5px;display:flex}.pav-frame{border-radius:var(--radius-avatar);background:var(--navy-light);border:2px solid #c9a84c59;justify-content:center;align-items:center;width:clamp(48px,9vw,72px);height:clamp(48px,9vw,72px);transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000080}.pav-frame.pav-active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim), 0 0 20px var(--gold-glow), 0 4px 16px #00000080}.pav-frame img{object-fit:cover;width:100%;height:100%}.pav-initial{color:var(--gold);font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700}.pav-name{letter-spacing:.06em;color:var(--text);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-overflow:ellipsis;background:#060f1cd9;border:1px solid #c9a84c33;border-radius:20px;max-width:100px;padding:2px 10px;font-size:clamp(.55rem,1.4vw,.7rem);font-weight:600;overflow:hidden}.pav-name.pav-name-active{color:var(--gold-bright);border-color:var(--gold-dim)}.pav-frame.pav-partner{border-color:#64a0ff59}.pav-frame.pav-partner.pav-active{border-color:#64a0ff;box-shadow:0 0 0 2px #64a0ff33,0 0 20px #64a0ff26,0 4px 16px #00000080}.pav-frame.pav-foe{border-color:#c0392b59}.pav-frame.pav-foe.pav-active{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33,0 0 20px #e74c3c26,0 4px 16px #00000080}.visual-table{aspect-ratio:1.6;z-index:5;pointer-events:none;justify-content:center;align-items:center;width:min(72vw,140dvh);display:flex;position:relative}.visual-table>*{pointer-events:auto}.score-board{background:var(--glass-bg);border:1px solid var(--glass-border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:2px;min-width:90px;padding:8px 16px;display:flex;position:fixed;top:14px;left:14px;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0a}.score-row{letter-spacing:.05em;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.score-label{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;width:28px;font-size:.6rem;font-weight:600}.score-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:900}.score-val.score-leading{color:var(--gold-bright);text-shadow:0 0 12px var(--gold-glow)}.score-divider{display:none}.score-contract{color:var(--text-dim);border-top:1px solid #c9a84c26;align-items:center;gap:5px;margin-top:2px;padding-top:4px;font-size:.65rem;display:flex}.score-contract-suit{font-size:.95rem;line-height:1}.suit-red{color:#e74c3c}.suit-black{color:#ccd6f6}.round-pts-bar{color:var(--text-dim);align-items:center;gap:6px;padding-top:2px;font-size:.62rem;display:flex}.rpt-sep{color:#c9a84c4d}.rpt-val{color:var(--text);font-weight:700}.pending-score-badge{color:var(--gold);background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:6px;padding:1px 5px;font-size:.6rem}.controls-top{z-index:1000;gap:8px;display:flex;position:fixed;top:14px;right:14px}.ctrl-btn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;width:38px;height:38px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.ctrl-btn:hover{background:#c9a84c1f;border-color:#c9a84c73;transform:translateY(-1px)}.player-profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:10px;padding:8px 14px 8px 10px;transition:all .2s;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 4px 20px #0006}.player-profile-card:hover{background:#0a1628e6;border-color:#c9a84c73}.ppc-avatar{background:var(--navy-light);border:1px solid #c9a84c66;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.ppc-avatar-img{object-fit:cover;width:100%;height:100%}.ppc-avatar-letter{color:var(--gold);font-size:.95rem;font-weight:700}.ppc-info{flex-direction:column;display:flex}.ppc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.78rem;font-weight:700;overflow:hidden}.ppc-badge{letter-spacing:.1em;color:#c9a84c99;text-transform:uppercase;font-size:.58rem;font-weight:600}.main-menu{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:88vw;min-width:300px;max-width:400px;padding:clamp(28px,5vw,48px) clamp(28px,6vw,60px);display:flex;position:relative;box-shadow:0 0 80px #000c,0 0 120px #c9a84c0a,inset 0 1px #ffffff0a}.menu-logo{align-items:center;gap:14px;display:flex}.menu-logo-suits{flex-direction:column;gap:2px;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.1;display:flex}.menu-logo-text{flex-direction:column;align-items:center;line-height:1;display:flex}.menu-logo-text h1{color:var(--gold);letter-spacing:.12em;text-shadow:0 0 20px #c9a84c66,0 0 60px #c9a84c26;margin:0;font-size:clamp(2.8rem,9vw,4.2rem);font-weight:900;line-height:1}.menu-logo-sub{letter-spacing:.45em;color:#c9a84c73;margin-top:3px;font-size:.58rem;font-weight:600}.menu-suit{font-size:inherit;opacity:.85;color:#8aa8cc}.menu-suit.r{color:#c0392b}.menu-divider{color:#c9a84c40;letter-spacing:.2em;-webkit-user-select:none;user-select:none;text-align:center;width:100%;font-size:.78rem}.create-room-modal{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060f1cd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-room-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;gap:14px;width:88vw;min-width:300px;max-width:380px;padding:36px 40px;display:flex;box-shadow:0 0 60px #000c}.create-room-title{letter-spacing:.12em;color:var(--gold);text-align:center;margin-bottom:4px;font-size:1rem;font-weight:700}.create-room-subtitle{color:var(--text-dim);text-align:center;letter-spacing:.05em;font-size:.7rem}.room-option-btn{cursor:pointer;text-align:left;width:100%;color:var(--text);background:#ffffff08;border:1px solid #c9a84c2e;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:all .18s;display:flex}.room-option-btn:hover{background:#c9a84c14;border-color:#c9a84c73;transform:translate(3px)}.room-option-icon{text-align:center;flex-shrink:0;width:40px;font-size:1.6rem}.room-option-text{flex-direction:column;gap:2px;display:flex}.room-option-label{letter-spacing:.06em;color:var(--text);font-size:.88rem;font-weight:700}.room-option-desc{color:var(--text-dim);font-size:.65rem}.room-option-btn.soon{opacity:.45;cursor:not-allowed}.room-option-btn.soon:hover{background:#ffffff08;transform:none}.menu-back-btn{color:var(--text-dim);cursor:pointer;letter-spacing:.08em;background:0 0;border:none;align-self:center;padding:4px;font-size:.72rem;transition:color .2s}.menu-back-btn:hover{color:var(--text)}.menu-nav{flex-direction:column;gap:10px;width:100%;display:flex}.menu-btn{letter-spacing:.1em;cursor:pointer;color:#c8d8f0bf;background:#ffffff08;border:1px solid #c9a84c2e;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:Rubik,system-ui,sans-serif;font-size:clamp(.8rem,2.2vw,.92rem);font-weight:700;transition:all .18s;display:flex}.menu-bracket{color:#c9a84c66;font-family:Courier New,monospace}.menu-btn-icon{font-size:1em}.menu-btn:hover{color:var(--gold-bright);background:#c9a84c12;border-color:#c9a84c73;transform:translate(2px)}.menu-btn:hover .menu-bracket{color:var(--gold)}.menu-btn.primary{color:var(--gold);background:#c9a84c1a;border-color:#c9a84c73;padding:16px 20px;font-size:clamp(.88rem,2.5vw,1rem);box-shadow:0 0 20px #c9a84c14}.menu-btn.primary .menu-bracket{color:var(--gold)}.menu-btn.primary:hover{border-color:var(--gold);background:#c9a84c2e;transform:scale(1.01);box-shadow:0 0 30px #c9a84c2e}.menu-btn.secondary{color:#c8d8f080;border-color:#ffffff14}.menu-btn.secondary:hover{color:#c8d8f0d9;background:#ffffff0d;border-color:#ffffff38}.menu-btn.logout-btn{color:#c0392b80;border-color:#c0392b33}.menu-btn.logout-btn:hover{color:#e74c3c;background:#c0392b0f;border-color:#c0392b80}.menu-btn.guest-upgrade-btn{color:#3498db99;border-color:#3498db33}.menu-btn.guest-upgrade-btn:hover{color:#5dade2;background:#3498db12;border-color:#3498db}.south-tag-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:4px 0;display:flex}.turn-timer{color:var(--text-dim);background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;margin-bottom:4px;padding:3px 10px;font-size:.75rem;font-weight:700}.turn-timer-urgent{color:#e74c3c;border-color:#e74c3c66;animation:.8s ease-in-out infinite alternate timerPulse}@keyframes timerPulse{0%{box-shadow:none}to{box-shadow:0 0 12px #e74c3c66}}.contra-btn{color:#e74c3c;letter-spacing:.08em;cursor:pointer;background:#e74c3c1f;border:1px solid #e74c3c66;border-radius:8px;padding:5px 14px;font-size:.7rem;font-weight:700;transition:all .18s}.contra-btn:hover{background:#e74c3c40;border-color:#e74c3c}.contra-btn.recontra-btn{color:#ff9500;background:#ff96001f;border-color:#ff960066}.contra-btn.recontra-btn:hover{background:#ff960040;border-color:#ff9500}.contra-indicator{color:#f66;background:#ff32321f;border:1px solid #ff505059;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:900}.claim-btn{color:gold;letter-spacing:.08em;cursor:pointer;background:#ffd70026;border:1px solid #ffd70080;border-radius:8px;padding:6px 14px;font-size:.72rem;font-weight:800;transition:all .18s;animation:1s ease-in-out infinite pulse-claim}.claim-btn:hover{background:#ffd7004d;border-color:gold}@keyframes pulse-claim{0%,to{box-shadow:0 0 8px #ffd70066}50%{box-shadow:0 0 20px #ffd700e6}}.ann-panel{background:var(--glass-bg);border:1px solid var(--glass-border);z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;min-width:220px;padding:12px 18px;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0009}.ann-title{letter-spacing:.15em;color:var(--gold);margin-bottom:8px;font-size:.65rem;font-weight:700}.ann-player-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ann-player-name{color:var(--text-dim);font-size:.68rem}.ann-badge{color:var(--text);background:#c9a84c1a;border:1px solid #c9a84c40;border-radius:6px;padding:2px 8px;font-size:.68rem}.ann-pts{color:var(--gold);font-weight:700}.ann-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:.85rem;position:absolute;top:8px;right:10px}.ann-close:hover{color:var(--text)}.chat-sidebar{background:var(--glass-bg);border-right:1px solid var(--glass-border);z-index:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;width:clamp(220px,30vw,300px);display:flex;position:fixed;top:0;bottom:0;left:0}.chat-header{border-bottom:1px solid var(--glass-border);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.8rem;font-weight:700;display:flex}.chat-header button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem}.chat-history{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.chat-bubble{background:#ffffff0a;border-radius:8px;padding:6px 10px;font-size:.78rem}.result-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060f1ce6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;flex-direction:column;gap:12px;min-width:280px;max-width:360px;padding:32px 40px;display:flex;box-shadow:0 0 60px #000c,0 0 120px #c9a84c0f}.result-won{color:var(--gold-bright);letter-spacing:.08em;text-shadow:0 0 20px #e8c96a66;font-size:1.4rem;font-weight:900}.result-burned{color:#e74c3c;letter-spacing:.08em;font-size:1.3rem;font-weight:900}.result-hanging{color:var(--gold);font-size:1.2rem;font-weight:900}.result-kapot{color:#ff6b35;letter-spacing:.1em;font-size:.9rem;font-weight:700}.result-scores{justify-content:center;gap:24px;display:flex}.result-team{flex-direction:column;gap:2px;display:flex}.result-team-label{letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;font-size:.62rem;font-weight:600}.result-team-pts{color:var(--text);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900}.result-total{color:var(--text-dim);font-size:.72rem}.result-pending{color:var(--gold);font-weight:700}.result-pending-info{color:var(--text-dim);font-size:.7rem}.result-contra-info{color:#f84;letter-spacing:1px;font-size:.75rem;font-weight:700}.result-game-over{color:var(--gold-bright);letter-spacing:.06em;font-size:.88rem;font-weight:700}.result-btn{color:var(--gold);letter-spacing:.1em;cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84c66;border-radius:10px;padding:12px 28px;font-family:Rubik,system-ui,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.result-btn:hover{border-color:var(--gold);background:#c9a84c38}.modal-overlay{z-index:1500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060f1cd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;width:90vw;min-width:280px;max-width:420px;padding:28px 32px;box-shadow:0 0 60px #000c}.modal-content h2{letter-spacing:.12em;color:var(--gold);margin:0 0 16px;font-size:.9rem;font-weight:700}.modal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal-grid button{color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:10px 14px;font-family:Rubik,system-ui,sans-serif;font-size:.78rem;font-weight:600;transition:all .18s}.modal-grid button:hover{color:var(--gold-bright);background:#c9a84c14;border-color:#c9a84c59}.modal-grid button.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1f}.modal-user-info{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.modal-avatar{object-fit:cover;border:1px solid #c9a84c4d;border-radius:10px;width:42px;height:42px}.modal-username{color:var(--text);font-size:.9rem;font-weight:700}.modal-userbadge{color:var(--text-dim);font-size:.65rem}.score-log-modal{max-width:400px}.score-log-table{flex-direction:column;gap:2px;max-height:300px;margin:10px 0;display:flex;overflow-y:auto}.sl-row{background:#ffffff08;border-radius:6px;grid-template-columns:28px 1fr 1fr 2fr;align-items:center;gap:8px;padding:6px 8px;font-size:.78rem;display:grid}.sl-header{color:var(--text-dim);letter-spacing:1px;background:0 0;border-bottom:1px solid #ffffff14;padding-bottom:4px;font-size:.62rem;font-weight:700}.sl-burned{background:#c0392b1a}.sl-hanging{background:#c9a84c12}.sl-total{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff14;padding-top:8px;font-size:.78rem;font-weight:700}.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}.name-input-row{gap:8px;width:100%;display:flex}.name-input{border:1px solid var(--glass-border);color:var(--text);background:#ffffff0d;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:.88rem}.name-input:focus{border-color:#c9a84c80}.small-btn{padding:10px 16px!important}.mp-game-container{width:100vw;height:100dvh}.hc-cnt{opacity:.7;margin-left:2px;font-size:.65em}.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}.online-badge{color:#4c6;letter-spacing:.5px;margin-top:2px;font-size:.7rem;font-weight:600}.invite-section{margin-bottom:10px}.invite-panel{background:#ffffff08;border:1px solid #ffd70026;border-radius:8px;margin-top:4px;padding:10px}.invite-row{gap:6px;margin-bottom:8px;display:flex}.invite-input{color:#fff;background:#ffffff12;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-size:13px}.invite-input:focus{border-color:#ffd70066}.invite-friends-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px}.invite-friend-row{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.invite-friend-name{color:#ddd;font-size:13px}.invite-ok{color:#4caf50;margin-top:6px;font-size:12px}.cs-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cs-modal{scrollbar-width:thin;scrollbar-color:#d4af374d transparent;background:linear-gradient(160deg,#12121e 0%,#0a0a16 100%);border:1px solid #d4af374d;border-radius:16px;width:min(780px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 24px 60px #000c,0 0 40px #d4af370d}.cs-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cs-title{letter-spacing:2px;color:#d4af37;text-shadow:0 0 20px #d4af3766;font-size:1.3rem;font-weight:900}.cs-close{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .18s;display:flex}.cs-close:hover{color:#fff;background:#ffffff1a}.cs-subtitle{color:#fff6;letter-spacing:1px;margin-bottom:20px;font-size:.78rem}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.cs-product{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px 12px 12px;transition:border-color .2s,background .2s;display:flex;position:relative}.cs-product:hover{background:#ffffff12;border-color:#d4af374d}.cs-product.cs-active{background:#d4af3712;border-color:#d4af3799;box-shadow:0 0 20px #d4af371a}.cs-preview-stack{width:80px;height:114px;position:relative}.skin-back-mini{border-style:solid;border-width:1px;border-radius:6px;justify-content:center;align-items:center;width:62px;height:88px;display:flex;position:absolute;top:12px;left:0}.skin-back-symbol{opacity:.5;font-size:1.3rem}.skin-face-mini{border-style:solid;border-width:1px;border-radius:6px;justify-content:center;align-items:center;width:62px;height:88px;display:flex;position:absolute;top:0;right:0}.sfm-corner{text-align:center;font-size:.65rem;font-weight:900;line-height:1.2;position:absolute;top:4px;left:5px}.sfm-br{inset:auto 5px 4px auto;transform:rotate(180deg)}.sfm-center{-webkit-user-select:none;user-select:none;font-size:1.6rem;line-height:1}.cs-product-info{text-align:center}.cs-product-name{letter-spacing:1px;color:#ffffffe6;margin-bottom:3px;font-size:.9rem;font-weight:800}.cs-product-desc{color:#fff6;font-size:.68rem;line-height:1.3}.cs-equipped{color:#000;letter-spacing:.5px;background:#d4af37e6;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:900;position:absolute;top:8px;right:8px}.cs-footer{justify-content:center;margin-top:20px;display:flex}.cs-close-btn{color:#ffffffb3;letter-spacing:1px;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;padding:8px 32px;font-size:.85rem;font-weight:700;transition:all .18s}.cs-close-btn:hover{color:#fff;background:#ffffff1f}@media (width<=480px){.cs-grid{grid-template-columns:repeat(2,1fr)}.cs-modal{padding:16px}}.login-bg{background:radial-gradient(at 30% 20%,#6482c814 0%,#0000 50%),radial-gradient(at 70% 80%,#d4af370f 0%,#0000 50%),linear-gradient(160deg,#050d1e 0%,#0a1628 40%,#080e1c 100%);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.login-watermarks{pointer-events:none;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.login-watermarks span{opacity:.03;color:#d4af37;-webkit-user-select:none;user-select:none;font-size:clamp(120px,25vw,280px);line-height:1}.login-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#0a1428e6;border:1px solid #d4af3740;border-radius:20px;flex-direction:column;align-items:center;gap:24px;width:90vw;min-width:320px;max-width:440px;padding:clamp(32px,5vw,56px) clamp(32px,6vw,72px);display:flex;position:relative;box-shadow:0 0 60px #000c,0 0 120px #d4af370a,inset 0 1px #ffffff0d}.login-logo{align-items:center;gap:16px;display:flex}.login-logo h1{letter-spacing:.15em;color:#d4af37;text-shadow:0 0 20px #d4af3780,0 0 60px #d4af3733;margin:0;font-size:clamp(2.8rem,10vw,4.2rem);font-weight:900}.login-logo-suits{flex-direction:column;gap:4px;font-size:1.4rem;line-height:1;display:flex}.suit-r{color:#c0392b}.suit-b{color:#aac4e8;opacity:.7}.login-tagline{color:#c8d2e680;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem}.login-actions{flex-direction:column;gap:12px;width:100%;display:flex}.login-btn{letter-spacing:.1em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.google-btn{color:#1a1a2e;background:#fff;box-shadow:0 4px 16px #0006}.google-btn:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 6px 20px #00000080}.guest-btn{color:#d4af37d9;letter-spacing:.08em;background:0 0;border:1px solid #d4af374d;font-family:Courier New,monospace}.guest-btn:hover{color:#d4af37;background:#d4af370d;border-color:#d4af37b3}.guest-form{flex-direction:column;gap:10px;width:100%;display:flex}.guest-input{color:#f0e6cc;box-sizing:border-box;background:#ffffff0f;border:1px solid #d4af374d;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.guest-input:focus{border-color:#d4af3799}.guest-input::placeholder{color:#c8d2e659}.guest-form-btns{gap:8px;display:flex}.guest-confirm-btn{color:#0a0a14;background:linear-gradient(135deg,#b8960a,#d4af37);flex:1}.guest-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#f1c40f);transform:translateY(-1px)}.guest-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.cancel-btn{color:#c8d2e699;background:#ffffff0f;border:1px solid #ffffff1a;width:auto;padding:14px 20px}.cancel-btn:hover{color:#fff;background:#ffffff1a}.login-footer{color:#c8d2e640;text-align:center;margin:0;font-size:.65rem}.google-icon{flex-shrink:0}.rsb{z-index:200;background:#081008f7;border-left:1px solid #ffd70026;flex-direction:column;width:260px;font-family:inherit;display:flex;position:fixed;top:0;bottom:0;right:0}.rsb-profile{cursor:pointer;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;padding:14px 12px;transition:background .15s;display:flex}.rsb-profile:hover{background:#ffd7000d}.rsb-avatar-wrap{flex-shrink:0;position:relative}.rsb-avatar{object-fit:cover;border:2px solid #ffd70080;border-radius:10px;width:40px;height:40px;display:block}.rsb-avatar-init{color:gold;background:linear-gradient(135deg,#2a4a2a,#1a2a1a);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.rsb-online-dot{background:#4caf50;border:2px solid #081008f7;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.rsb-profile-info{flex:1;min-width:0}.rsb-username{color:gold;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.rsb-name-small{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.rsb-coins{background:#ffd7001a;border:1px solid #ffd70040;border-radius:8px;flex-shrink:0;align-items:center;gap:3px;padding:3px 7px;display:flex}.rsb-coin-icon{font-size:13px}.rsb-coin-val{color:gold;font-size:12px;font-weight:700}.rsb-settings{background:#ffd70008;border-bottom:1px solid #ffffff12;flex-shrink:0;padding:12px 12px 8px}.rsb-settings-title{color:gold;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700}.rsb-field-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px}.rsb-field-row{gap:6px;margin-bottom:4px;display:flex}.rsb-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;outline:none;flex:1;min-width:0;padding:7px 10px;font-size:12px}.rsb-input:focus{border-color:#ffd70066}.rsb-btn-save{color:gold;cursor:pointer;white-space:nowrap;background:#ffd70026;border:1px solid #ffd70066;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:700;transition:background .15s}.rsb-btn-save:hover:not(:disabled){background:#ffd70040}.rsb-btn-save:disabled{opacity:.4;cursor:not-allowed}.rsb-err{color:#ff6b6b;margin-top:4px;font-size:11px}.rsb-email{color:#666;margin-bottom:10px;font-size:11px}.rsb-logout-btn{color:#ff6b6b;cursor:pointer;background:#ff000014;border:1px solid #f003;border-radius:6px;width:100%;padding:8px;font-size:11px;font-weight:700;transition:background .15s}.rsb-logout-btn:hover{background:#ff000026}.rsb-friends-header{color:#666;letter-spacing:.8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 6px;font-size:10px;font-weight:700;display:flex}.rsb-friends-count{align-items:center;gap:4px;display:flex}.rsb-online-badge{color:#4caf50;background:#4caf5026;border:1px solid #4caf504d;border-radius:8px;padding:1px 6px;font-size:10px}.rsb-pending-badge{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.rsb-tabs{border-bottom:1px solid #ffffff12;flex-shrink:0;display:flex}.rsb-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:11px;font-weight:700;transition:all .15s}.rsb-tab.active{color:gold;background:#ffd7000d;border-bottom-color:gold}.rsb-tab:hover:not(.active){color:#aaa}.rsb-content{scrollbar-width:thin;scrollbar-color:#ffd70033 transparent;flex:1;padding:8px;overflow-y:auto}.rsb-section{margin-bottom:10px}.rsb-section-label{color:#555;letter-spacing:.5px;margin-bottom:4px;padding:2px 4px;font-size:10px;font-weight:700}.rsb-section-label.orange{color:#ff9800}.rsb-section-label.green{color:#4caf50}.rsb-friend-row{border-radius:6px;align-items:center;gap:7px;margin-bottom:2px;padding:6px;transition:background .1s;display:flex}.rsb-friend-row:hover{background:#ffffff0a}.rsb-avatar-dot-wrap{flex-shrink:0;position:relative}.rsb-friend-avatar{object-fit:cover;background:#2a2a2a;border-radius:50%;width:30px;height:30px;display:block}.rsb-avatar-init-sm{color:#888;justify-content:center;align-items:center;font-size:12px;display:flex}.rsb-dot{border:2px solid #081008f7;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.rsb-friend-info{flex:1;min-width:0}.rsb-friend-name{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rsb-friend-sub{color:#555;font-size:10px}.rsb-friend-sub.online{color:#4caf50}.rsb-action-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:12px;transition:background .15s}.rsb-action-btn.green{color:#4caf50;background:#4caf5026;border-color:#4caf5066}.rsb-action-btn.green:hover{background:#4caf5040}.rsb-action-btn.red{color:#ff6b6b;background:#ff000014;border-color:#f003}.rsb-action-btn.red:hover{background:#ff000026}.rsb-empty{text-align:center;color:#555;padding:30px 10px;font-size:12px;line-height:1.6}.rsb-mobile-toggle{z-index:300;color:gold;cursor:pointer;background:#0a140af2;border:1px solid #ffd7004d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:none;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 12px #0006}.rsb-mobile-toggle .rsb-pending-dot{background:#e53935;border:2px solid #0a140af2;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}@media (width<=768px){.rsb{transition:transform .25s;transform:translate(100%)}.rsb.rsb-open{transform:translate(0);box-shadow:-4px 0 20px #0009}.rsb-mobile-toggle{display:flex}}