@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";.cs-wrapper{max-width:900px;margin:0 auto;padding:2rem 1.5rem;font-family:Nunito,sans-serif}.cs-header{text-align:center;margin-bottom:2rem}.cs-title{color:#ff4d6d;letter-spacing:1px;text-shadow:3px 3px #ffd6de;margin:0 0 .4rem;font-family:Fredoka One,cursive;font-size:2.8rem}.cs-subtitle{color:#888;margin:0;font-size:1rem;font-weight:600}.cs-waiting{color:#ff4d6d;justify-content:center;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:.95rem;font-weight:700;display:flex}.cs-waiting-dots{gap:4px;display:flex}.cs-waiting-dots span{background:#ff4d6d;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite cs-bounce}.cs-waiting-dots span:nth-child(2){animation-delay:.2s}.cs-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes cs-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.cs-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #f0f0f0;border-radius:16px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .15s,box-shadow .15s}.cs-card--hovered{border-color:#ffb3c1;transform:translateY(-5px)scale(1.04);box-shadow:0 8px 20px #ff4d6d2e}.cs-card--selected{background:#fff0f3;border-color:#ff4d6d;animation:.35s cubic-bezier(.34,1.56,.64,1) cs-pop;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 24px #ff4d6d47}.cs-card--dimmed{opacity:.38;cursor:default;filter:grayscale(40%);transform:none}@keyframes cs-pop{0%{transform:scale(.92)}60%{transform:translateY(-4px)scale(1.1)}to{transform:translateY(-4px)scale(1.05)}}.cs-card-inner{flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;display:flex}.cs-img-wrap{width:72px;height:72px;position:relative}.cs-img-wrap img{object-fit:cover;pointer-events:none;border-radius:12px;width:72px;height:72px;display:block}.cs-checkmark{color:#fff;background:#ff4d6dd1;border-radius:12px;justify-content:center;align-items:center;font-size:2rem;font-weight:900;animation:.25s cs-check-in;display:flex;position:absolute;inset:0}@keyframes cs-check-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.cs-name{color:#333;text-align:center;letter-spacing:.3px;font-size:.8rem;font-weight:800}.cs-card--selected .cs-name{color:#ff4d6d}.cs-status-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:1.2rem;display:flex}.cs-team-status{border:2px solid #0000;border-radius:999px;padding:6px 14px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800}.cs-team-status--ready{color:#166534;background:#dcfce7;border-color:#86efac}.cs-team-status--waiting{color:#6b7280;background:#f9fafb;border-color:#e5e7eb}.cs-card--locked{cursor:default}.cs-checkmark--preview{background:#ff4d6da6;font-size:1.4rem}.cs-ready-wrap{flex-direction:column;align-items:center;gap:8px;margin-top:2rem;display:flex;position:sticky;bottom:1.5rem}.cs-ready-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:#ff4d6d;border:none;border-radius:999px;padding:14px 40px;font-family:Fredoka One,cursive;font-size:1.2rem;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;box-shadow:0 6px 20px #ff4d6d66}.cs-ready-btn:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 10px 28px #ff4d6d80}.cs-ready-btn:active{transform:scale(.97)}.cs-ready-hint{color:#bbb;margin:0;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:600}.grid{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:12px;display:grid}.grid-item{cursor:pointer;touch-action:none;-webkit-touch-callout:none;background:#fff;border:2px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:transform .15s,box-shadow .15s,opacity .2s;display:flex;position:relative}.grid-item:hover:not(.eliminated){transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.grid-item img{object-fit:cover;pointer-events:none;border-radius:6px;width:64px;height:64px}.char-name{text-align:center;color:#333;font-size:.72rem;font-weight:600}.grid-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.grid-item.eliminated{opacity:.35;filter:grayscale();cursor:not-allowed;border-color:#ccc}.grid-item.eliminated:hover{box-shadow:none;transform:none}.eliminated-label{color:#999;font-size:.8rem;font-weight:700;position:absolute;top:4px;right:6px}.grid-item.likely{background:#f0fdf4;border-color:#22c55e}.grid-item.unlikely{background:#fff7ed;border-color:#f97316}.mark-badge{font-size:.75rem;font-weight:700;position:absolute;top:4px;left:6px}.mark-badge.likely{color:#16a34a}.mark-badge.unlikely{color:#ea580c}.grid-item:not(.eliminated){cursor:grab}.grid-item.dragging-src{opacity:.3;transform:scale(.95)}.grid-item.drag-over{background:#eef2ff;border-color:#6366f1;transform:scale(1.04);box-shadow:0 0 0 3px #6366f14d}.context-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:2px;min-width:180px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #00000024}.context-menu button{text-align:left;cursor:pointer;color:#111;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:.85rem;transition:background .1s;display:block}.context-menu button:hover{background:#f3f4f6}.context-menu button.cancel{color:#9ca3af;border-top:1px solid #f3f4f6;margin-top:2px}.context-menu-touch{border-radius:16px;min-width:240px;padding:6px;position:fixed;box-shadow:0 12px 40px #00000038}.context-menu-title{color:#ff4d6d;text-align:center;letter-spacing:.5px;padding:8px 12px 4px;font-family:Fredoka One,cursive;font-size:1rem}.context-menu-touch button{border-radius:10px;padding:14px 16px;font-size:1rem}.preview-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;animation:.15s preview-fade-in;display:flex;position:fixed;inset:0}@keyframes preview-fade-in{0%{opacity:0}to{opacity:1}}.preview-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:90vw;max-width:320px;padding:20px;animation:.2s cubic-bezier(.34,1.56,.64,1) preview-pop-in;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes preview-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.preview-card img{object-fit:contain;border-radius:12px;width:100%;max-width:260px;height:auto;display:block}.preview-name{color:#ff4d6d;letter-spacing:1px;font-family:Fredoka One,cursive;font-size:1.6rem}.preview-close{cursor:pointer;color:#888;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:12px}.preview-close:hover{color:#fff;background:#ff4d6d}.guess-confirm-card{gap:10px}.guess-confirm-text{color:#888;margin:0;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700}.guess-confirm-btns{gap:10px;width:100%;display:flex}.guess-confirm-btn{cursor:pointer;border:none;border-radius:999px;flex:1;padding:10px 16px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.guess-confirm-btn:hover{transform:translateY(-2px)scale(1.04)}.guess-cancel-btn{color:#6b7280;background:#f3f4f6}.guess-cancel-btn:hover{box-shadow:0 4px 12px #0000001a}.guess-lock-btn{color:#fff;background:#ff4d6d;box-shadow:0 4px 12px #ff4d6d4d}.guess-lock-btn:hover{box-shadow:0 6px 18px #ff4d6d73}.eliminated-zone{border-top:3px dashed #ffb3c1;margin-top:20px;padding-top:14px;animation:.3s zone-fade-in}@keyframes zone-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eliminated-zone-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.eliminated-zone-label{color:#ffb3c1;letter-spacing:.5px;font-family:Fredoka One,cursive;font-size:1rem}.eliminated-zone-count{color:#ff4d6d;background:#ffe0e8;border-radius:999px;padding:2px 8px;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800}.eliminated-zone-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.eliminated-zone-grid .grid-item{cursor:pointer}.eliminated-zone-grid .grid-item img{width:48px;height:48px}.eliminated-zone-grid .char-name{font-size:.65rem}@media (width<=600px){.grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px;padding:8px}.grid-item img{width:48px;height:48px}.grid-item{border-radius:8px;padding:6px 3px}.char-name{font-size:.62rem}.eliminated-zone-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.eliminated-zone-grid .grid-item img{width:36px;height:36px}.context-menu{min-width:200px}.context-menu button{padding:12px 14px;font-size:.95rem}.guess-confirm-btns{flex-direction:column}.preview-card{gap:10px;max-height:85vh;padding:14px;overflow-y:auto}.preview-card img{object-fit:cover;max-width:160px;max-height:160px}.preview-name{font-size:1.3rem}.guess-confirm-text{font-size:.85rem}}.gb-root{background:#fff9fb;flex-direction:column;min-height:100vh;font-family:Nunito,sans-serif;display:flex}.gb-topbar{background:#fff;border-bottom:3px solid #ffe0e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.gb-topbar-left{flex-direction:column;gap:2px;display:flex}.gb-game-id{color:#555;font-size:.9rem;font-weight:700}.gb-game-id b{color:#ff4d6d;letter-spacing:1px;font-family:Fredoka One,cursive;font-size:1.05rem}.gb-players{color:#aaa;font-size:.75rem;font-weight:600}.gb-turn-badge{color:#888;text-align:center;background:#f3f3f3;border-radius:999px;padding:8px 20px;font-size:.9rem;font-weight:800;transition:background .3s,color .3s}.gb-turn-badge[data-myturn=true]{color:#fff;background:#ff4d6d;animation:2s ease-in-out infinite gb-pulse;box-shadow:0 4px 14px #ff4d6d59}@keyframes gb-pulse{0%,to{box-shadow:0 4px 14px #ff4d6d59}50%{box-shadow:0 4px 22px #ff4d6d99}}.gb-topbar-right{align-items:center;display:flex}.gb-my-char{background:#fff0f3;border:2px solid #ffb3c1;border-radius:14px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.gb-my-char img{object-fit:cover;border:2px solid #ff4d6d;border-radius:10px;width:44px;height:44px}.gb-my-char-info{flex-direction:column;display:flex}.gb-my-char-label{color:#ffb3c1;text-transform:uppercase;letter-spacing:.8px;font-size:.65rem;font-weight:700}.gb-my-char-name{color:#ff4d6d;font-family:Fredoka One,cursive;font-size:.9rem;font-weight:800}.gb-topbar-center{flex-direction:column;align-items:center;gap:6px;display:flex}.gb-timer{border-radius:999px;align-items:center;gap:5px;padding:4px 14px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;transition:background .3s,color .3s;display:flex}.gb-timer--normal{color:#16a34a;background:#f0fdf4}.gb-timer--warning{color:#854d0e;background:#fef9c3}.gb-timer--urgent{color:#991b1b;background:#fee2e2;animation:.5s ease-in-out infinite gb-timer-pulse}@keyframes gb-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.gb-timer-icon{font-size:.9rem}.gb-timer-value{letter-spacing:.5px;font-size:1rem}.gb-timer-label{color:inherit;opacity:.75;margin-left:2px;font-size:.72rem}.log-timeout{align-self:center;align-items:center}.log-timeout .log-bubble{color:#92400e;background:#fff7ed;border:1.5px dashed #fed7aa;border-radius:8px;font-size:.78rem}.gb-answer-banner{background:#fffbea;border-bottom:3px solid #fde68a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;animation:.25s gb-slide-in;display:flex}@keyframes gb-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gb-answer-question{flex-direction:column;gap:2px;display:flex}.gb-answer-from{color:#b45309;text-transform:uppercase;letter-spacing:.6px;font-size:.75rem;font-weight:700}.gb-answer-text{color:#92400e;font-size:1.05rem;font-weight:800}.gb-answer-btns{gap:10px;display:flex}.gb-ans-btn{cursor:pointer;border:2px solid #0000;border-radius:999px;padding:8px 18px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.gb-ans-btn:hover{transform:translateY(-2px)scale(1.05)}.btn-yes{color:#166534;background:#dcfce7;border-color:#86efac}.btn-no{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.btn-maybe{color:#854d0e;background:#fef9c3;border-color:#fde047}.gb-body{flex:1;display:flex;position:relative;overflow:hidden}.gb-main{flex:1;min-width:0;padding:16px;overflow-y:auto}.gb-ask-row{gap:8px;margin-bottom:14px;display:flex}.gb-ask-input{color:#333;background:#fff;border:2px solid #ffb3c1;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.gb-ask-input:focus{border-color:#ff4d6d;box-shadow:0 0 0 3px #ff4d6d26}.gb-ask-input::placeholder{color:#ccc;font-weight:600}.gb-ask-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ff4d6d;border:none;border-radius:999px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.gb-ask-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 5px 14px #ff4d6d59}.gb-sidebar{background:#fff;border-left:3px solid #ffe0e8;flex-direction:row;flex-shrink:0;transition:width .25s;display:flex;position:relative}.gb-sidebar--open{width:280px}.gb-sidebar--closed{width:40px}.gb-log-toggle{cursor:pointer;color:#ff4d6d;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:6px;width:40px;padding:16px 0;display:flex}.gb-log-toggle:hover{background:#fff0f3}.gb-log-toggle-label{writing-mode:vertical-rl;text-orientation:mixed;color:#ff4d6d;letter-spacing:1px;text-transform:uppercase;font-family:Nunito,sans-serif;font-size:.65rem;font-weight:800}.gb-log-toggle-arrow{color:#ffb3c1;font-size:1.4rem;font-weight:700;line-height:1}.gb-log{flex-direction:column;flex:1;min-width:0;padding:14px 12px;display:flex;overflow:hidden}.gb-log-title{color:#ff4d6d;border-bottom:2px dashed #ffe0e8;flex-shrink:0;margin-bottom:10px;padding-bottom:8px;font-family:Fredoka One,cursive;font-size:1.1rem}.gb-log-entries{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.gb-log-entries::-webkit-scrollbar{width:4px}.gb-log-entries::-webkit-scrollbar-thumb{background:#ffb3c1;border-radius:4px}.gb-log-empty{color:#ccc;text-align:center;margin-top:20px;font-size:.8rem;font-weight:600}.log-entry{flex-direction:column;gap:2px;max-width:95%;display:flex}.log-entry.log-me{align-self:flex-end;align-items:flex-end}.log-entry.log-them{align-self:flex-start;align-items:flex-start}.log-who{color:#aaa;text-transform:uppercase;letter-spacing:.5px;padding:0 6px;font-size:.65rem;font-weight:700}.log-bubble{word-break:break-word;border-radius:12px;padding:6px 10px;font-size:.8rem;font-weight:700;line-height:1.4}.log-question .log-bubble{color:#5b21b6;background:#f3f0ff}.log-me.log-question .log-bubble{color:#be185d;background:#ffe0e8}.log-yes .log-bubble{color:#166534;background:#dcfce7}.log-no .log-bubble{color:#991b1b;background:#fee2e2}.log-maybe .log-bubble{color:#854d0e;background:#fef9c3}.log-correct .log-bubble{color:#166534;background:#dcfce7}.log-wrong .log-bubble{color:#6b7280;background:#f3f4f6}.log-guess{align-self:center;align-items:center}.log-guess .log-who{display:none}.log-guess .log-bubble{color:#6b7280;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:8px;font-size:.78rem}.log-correct .log-bubble{color:#166534;background:#dcfce7;border-color:#86efac}.go-root{background:linear-gradient(135deg,#fff0f3 0%,#ffe0e8 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px 48px;display:flex}.go-card{background:#fff;border-radius:24px;flex-direction:column;gap:0;width:100%;max-width:560px;display:flex;overflow:hidden;box-shadow:0 8px 40px #ff4d6d21}.go-result-banner{justify-content:center;align-items:center;gap:12px;padding:28px 24px;display:flex}.go-win{background:linear-gradient(135deg,#ff4d6d,#ff8fa3)}.go-lose{background:linear-gradient(135deg,#adb5bd,#ced4da)}.go-result-emoji{flex-shrink:0;font-size:2.2rem}.go-result-text-wrap{flex-direction:column;gap:2px;display:flex}.go-result-text{color:#fff;letter-spacing:.5px;font-family:Fredoka One,cursive;font-size:1.8rem;line-height:1.1}.go-result-sub{color:#fffc;letter-spacing:.3px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700}.go-reveal{border-bottom:2px dashed #ffe0e8;justify-content:center;align-items:center;gap:16px;padding:28px 24px 20px;display:flex}.go-char-card{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.go-char-label{text-transform:uppercase;letter-spacing:.8px;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:700}.go-char-members{color:#adb5bd;text-align:center;margin-bottom:2px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700}.go-char-img{object-fit:cover;border:3px solid #ffe0e8;border-radius:50%;width:80px;height:80px;box-shadow:0 4px 12px #ff4d6d26}.go-char-img--mine{border-color:#ff4d6d}.go-char-name{color:#333;text-align:center;font-family:Fredoka One,cursive;font-size:1rem}.go-reveal-vs{color:#ffb3c1;flex-shrink:0;font-family:Fredoka One,cursive;font-size:1.1rem}.go-log-section{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.go-log-title{color:#ff4d6d;letter-spacing:.4px;font-family:Fredoka One,cursive;font-size:1.1rem}.go-log{flex-direction:column;gap:8px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.go-log::-webkit-scrollbar{width:4px}.go-log::-webkit-scrollbar-track{background:#fff0f3;border-radius:4px}.go-log::-webkit-scrollbar-thumb{background:#ffb3c1;border-radius:4px}.go-log-empty{color:#adb5bd;text-align:center;padding:12px 0;font-family:Nunito,sans-serif;font-size:.9rem}.go-log-row{border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 12px;font-family:Nunito,sans-serif;font-size:.88rem;display:flex}.go-log-me{background:#fff0f3}.go-log-them{background:#f8f9fa}.go-log-asker{color:#ff4d6d;white-space:nowrap;flex-shrink:0;font-weight:800}.go-log-them .go-log-asker{color:#6c757d}.go-log-q{color:#333;flex:1}.go-log-ans{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700}.ans-yes{color:#2f9e44;background:#d3f9d8}.ans-no{color:#c92a2a;background:#ffe3e3}.ans-maybe{color:#e67700;background:#fff3bf}.go-log-guess{justify-content:flex-start}.go-guess-correct{background:#d3f9d8}.go-guess-wrong{background:#ffe3e3}.go-guess-correct .go-log-asker,.go-guess-wrong .go-log-asker{color:#495057}.go-play-again{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#ff8fa3);border:none;border-radius:14px;margin:4px 24px 28px;padding:14px;font-family:Fredoka One,cursive;font-size:1.1rem;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #ff4d6d40}.go-play-again:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d6d59}.go-play-again:active{transform:translateY(0)}@media (width<=480px){.go-char-img{width:64px;height:64px}.go-result-text{font-size:1.6rem}.go-reveal{gap:10px;padding:20px 16px 16px}.go-log-section{padding:16px}}.gs-section{flex-direction:column;gap:10px;width:100%;display:flex}.gs-label{color:#ff4d6d;letter-spacing:.3px;font-family:Fredoka One,cursive;font-size:1rem}.gs-options{flex-wrap:wrap;gap:8px;display:flex}.gs-options--timer{gap:6px}.gs-chip{color:#aaa;cursor:pointer;background:#fff;border:2px solid #ffe0e8;border-radius:999px;padding:7px 16px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:800;transition:border-color .12s,color .12s,background .12s,transform .1s}.gs-chip:hover{color:#ff4d6d;border-color:#ffb3c1}.gs-chip--active{color:#fff;background:#ff4d6d;border-color:#ff4d6d;transform:scale(1.05)}.gs-chip--active:hover{color:#fff;background:#ff4d6d;border-color:#ff4d6d}.lobby-root{background:linear-gradient(135deg,#fff0f3 0%,#ffe0e8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.lobby-card{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:40px 36px;display:flex;box-shadow:0 8px 40px #ff4d6d21}.lobby-title{color:#ff4d6d;letter-spacing:1px;margin:0;font-family:Fredoka One,cursive;font-size:2.8rem}.lobby-subtitle{color:#aaa;text-align:center;margin:0;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600}.lobby-input{box-sizing:border-box;color:#333;border:2px solid #ffe0e8;border-radius:999px;outline:none;width:100%;padding:12px 18px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;transition:border-color .15s}.lobby-input:focus{border-color:#ff4d6d}.lobby-input::placeholder{color:#ddd;font-weight:600}.lobby-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#ff4d6d;border:none;border-radius:999px;width:100%;padding:12px 36px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.lobby-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 18px #ff4d6d59}.lobby-btn-secondary{color:#ff4d6d;cursor:pointer;letter-spacing:.5px;background:#fff;border:2px solid #ffb3c1;border-radius:999px;width:100%;padding:12px 36px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s}.lobby-btn-secondary:hover{background:#fff0f3;transform:translateY(-2px)scale(1.04);box-shadow:0 6px 18px #ff4d6d26}.lobby-logout-btn{color:#ccc;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700;transition:color .15s}.lobby-logout-btn:hover{color:#ff4d6d}.lobby-divider{color:#ccc;letter-spacing:1px;align-items:center;gap:12px;width:100%;font-size:.75rem;font-weight:700;display:flex}.lobby-divider:before,.lobby-divider:after{content:"";background:#ffe0e8;border-radius:2px;flex:1;height:2px}.lobby-error{color:#ff4d6d;box-sizing:border-box;text-align:center;background:#fff0f3;border:1.5px solid #ffb3c1;border-radius:999px;width:100%;padding:6px 16px;font-size:.85rem;font-weight:700}.lobby-connected{color:#aaa;align-items:center;gap:8px;width:100%;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;display:flex}.lobby-connected-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #4ade8099}.lobby-connected b{color:#ff4d6d;font-family:Fredoka One,cursive;font-size:1rem}.lobby-open-games{flex-direction:column;gap:8px;width:100%;display:flex}.lobby-game-row{cursor:pointer;text-align:left;background:#fff0f3;border:2px solid #ffe0e8;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Nunito,sans-serif;transition:border-color .15s,transform .1s;display:flex}.lobby-game-row:hover{border-color:#ff4d6d;transform:translateY(-1px)}.lobby-game-row-name{color:#ff4d6d;flex:1;font-size:.9rem;font-weight:800}.lobby-game-row-id{color:#ffb3c1;letter-spacing:1px;font-size:.72rem;font-weight:700}.lobby-game-row-join{color:#ff4d6d;flex-shrink:0;font-size:.82rem;font-weight:800}.lobby-no-games{color:#ccc;text-align:center;margin:0;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600}.lobby-game-id{box-sizing:border-box;background:#fff0f3;border:2px dashed #ffb3c1;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:16px 24px;display:flex}.lobby-game-id-label{color:#ffb3c1;text-transform:uppercase;letter-spacing:2px;font-family:Nunito,sans-serif;font-size:.65rem;font-weight:800}.lobby-game-id-value{color:#ff4d6d;letter-spacing:4px;font-family:Fredoka One,cursive;font-size:2rem}.lobby-waiting{color:#ff4d6d;justify-content:center;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;display:flex}.lobby-waiting-dots{gap:4px;display:flex}.lobby-waiting-dots span{background:#ff4d6d;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite lobby-bounce}.lobby-waiting-dots span:nth-child(2){animation-delay:.2s}.lobby-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes lobby-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.lobby-status-banner{z-index:9999;text-align:center;padding:10px 20px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;animation:.25s lobby-slide-in;position:fixed;top:0;left:0;right:0}.lobby-status-disconnected{color:#854d0e;background:#fef9c3;border-bottom:2px solid #fde047}.lobby-status-reconnected{color:#166534;background:#dcfce7;border-bottom:2px solid #86efac}.lobby-slide{animation:.25s lobby-slide-in}@keyframes lobby-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lobby-teams{gap:12px;width:100%;display:flex}.lobby-team{background:#fff;border:2px solid #ffe0e8;border-radius:16px;flex-direction:column;flex:1;gap:8px;padding:14px 12px;transition:border-color .15s;display:flex}.lobby-team--mine{background:#fff0f3;border-color:#ffb3c1}.lobby-team-header{letter-spacing:.4px;font-family:Fredoka One,cursive;font-size:1rem}.lobby-team-members{flex-direction:column;gap:4px;min-height:28px;display:flex}.lobby-team-member{color:#555;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700}.lobby-team-empty{color:#ccc;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:600}.lobby-team-join-btn{margin-top:4px;padding:8px 12px;font-size:.8rem}.lobby-game-row{flex-direction:column;align-items:flex-start;gap:8px}.lobby-game-row-info{flex-direction:column;gap:3px;width:100%;display:flex}.lobby-game-row-meta{color:#aaa;gap:10px;font-size:.75rem;font-weight:700;display:flex}.lobby-game-row-join-btns{gap:8px;width:100%;display:flex}.lobby-team-btn{cursor:pointer;border:2px solid #0000;border-radius:999px;flex:1;padding:8px 10px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.lobby-team-btn:hover{transform:translateY(-2px)scale(1.04)}.lobby-team-btn--red{color:#ff4d6d;background:#fff0f3;border-color:#ffb3c1}.lobby-team-btn--red:hover{background:#ffe0e8}.lobby-team-btn--blue{color:#4d79ff;background:#eff6ff;border-color:#93c5fd}.lobby-team-btn--blue:hover{background:#dbeafe}.lobby-team-unnamed{opacity:.45;font-family:Nunito,sans-serif;font-size:.85rem;font-style:italic;font-weight:700}.lobby-team-name-prompt{background:#fff0f3;border:2px dashed #ffb3c1;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;animation:.2s lobby-slide-in;display:flex}.lobby-team-name-prompt-label{color:#ff4d6d;margin:0;font-family:Fredoka One,cursive;font-size:.95rem}.lobby-team-name-row{gap:8px;display:flex}.lobby-team-name-row .lobby-input{flex:1;padding:9px 14px;font-size:.9rem}.lobby-team-name-btn{flex-shrink:0;width:auto;padding:9px 18px;font-size:.9rem}@media (width<=480px){.lobby-card{padding:32px 24px}.lobby-title{font-size:2.2rem}.lobby-teams{flex-direction:column}}