.lob-page{position:relative;flex:1;min-width:0;min-height:100vh;padding:30px 24px 56px;background-image:url(/cinema-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.lob-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 28%,#ffffff8c,#fff0 70%),linear-gradient(180deg,#ffffff4d,#ffffff7a)}.lob-content{position:relative;z-index:1;max-width:1260px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.lob-header{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.lob-logo{width:clamp(200px,20vw,260px);height:auto;margin-bottom:10px;filter:drop-shadow(0 12px 24px rgba(23,25,82,.28));-webkit-user-select:none;user-select:none}.lob-code-chip{position:relative;display:flex;align-items:center;gap:20px;padding:9px 10px 9px 24px;border-radius:22px;background:#fffffff5;border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 30px #3038802e}.lob-chip-text{display:flex;flex-direction:column}.lob-chip-label{font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;color:#7a86a8}.lob-chip-code{font-family:Nunito,sans-serif;font-weight:800;font-size:22px;line-height:1.12;color:#212a57}.lob-chip-copy{flex:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(228,232,250,.9);background:#fff;color:#6c4ee0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.lob-chip-copy:hover{background:#f4f2ff;transform:scale(1.05)}.lob-copied-bubble{position:absolute;right:0;bottom:calc(100% + 12px);padding:7px 12px;border-radius:10px;background:#1e2956;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:700;white-space:nowrap;animation:lob-bubble-in .25s cubic-bezier(.34,1.56,.64,1);z-index:5}.lob-copied-bubble:after{content:"";position:absolute;bottom:-5px;right:20px;border:6px solid transparent;border-top-color:#1e2956;border-bottom:0}@keyframes lob-bubble-in{0%{opacity:0;transform:translateY(6px)}}.lob-grid{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:stretch}.lob-card{background:linear-gradient(180deg,#fffffff7,#fcfdfff0);border:1.5px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 18px 46px #252e6a29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lob-card-title{display:flex;align-items:center;gap:12px;font-family:Nunito,sans-serif;font-weight:800;font-size:19px;color:#1b2559;margin-bottom:12px}.lob-title-count{font-size:19px;font-weight:800;color:#8a94b8}.lob-title-badge{flex:none;width:42px;height:42px;border-radius:13px;background:#edebfe;color:#6c4ee0;display:inline-flex;align-items:center;justify-content:center}.lob-ready-pill .gi,.lob-host-badge .gi,.lob-roomfull-badge .gi,.lob-title-badge .gi,.lob-set-icon .gi,.lob-chip-copy .gi,.lob-code-copy .gi{flex:none}.lob-roomfull-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#fdeaea;color:#c2564a;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.lob-players-card{padding:18px 16px 16px;display:flex;flex-direction:column}.lob-roster{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.lob-player-row{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 8px;border-radius:16px;background:#f5f7fd;border:1px solid rgba(226,232,249,.7);transition:transform .15s ease,box-shadow .15s ease}.lob-player-row.is-self{background:#eef3ff;border-color:#c4d0f6cc}.lob-player-avatar{flex:none;border-radius:50%;box-shadow:0 3px 8px #1f266224}.lob-player-names{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.lob-player-name{font-family:Nunito,sans-serif;font-weight:800;font-size:14.5px;color:#232c5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.lob-host-badge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#fdefd2;color:#c07a0b;font-family:Inter,sans-serif;font-size:11.5px;font-weight:700}.lob-host-badge svg{color:#e9a23b}.lob-ready-pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:none;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700}button.lob-ready-pill{cursor:pointer;transition:transform .15s ease,filter .15s ease}button.lob-ready-pill:hover{transform:translateY(-1px);filter:brightness(.98)}.lob-ready-pill.is-ready{background:#e4f7ec;color:#1e9e55}.lob-ready-check{width:18px;height:18px;border-radius:50%;background:#fff;color:#1e9e55;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #1e9e5566}.lob-ready-pill.is-not-ready{background:#edf1f9;color:#8a94b8}.lob-ready-dot{width:8px;height:8px;border-radius:50%;background:#a9b3ce}.lob-settings-col{display:flex;flex-direction:column;min-width:0}.lob-settings-card{flex:1;padding:18px 18px 16px;display:flex;flex-direction:column}.lob-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(214,222,241,.9)}.lob-set-label{display:flex;align-items:center;gap:11px;min-width:0}.lob-set-icon{flex:none;width:34px;height:34px;border-radius:10px;background:#eceffe;color:#6474e4;display:inline-flex;align-items:center;justify-content:center}.lob-set-name{display:flex;flex-direction:column;gap:3px;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;color:#1e2956}.lob-set-name small{font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;color:#8a94b8}.lob-control{flex:none;display:inline-flex;align-items:center;gap:7px}.lob-step-group{display:inline-flex;align-items:stretch;border:1px solid #e7ebf7;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 6px #2f3a820f}.lob-step-btn{width:38px;height:40px;border:none;background:#fff;color:#7a86a8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.lob-step-btn:hover:not(:disabled){background:#f3f6fe;color:#4f5a80}.lob-step-btn:disabled{opacity:.45;cursor:not-allowed}.lob-step-val{min-width:46px;display:inline-flex;align-items:center;justify-content:center;border-left:1px solid #edf0f8;font-family:Nunito,sans-serif;font-weight:800;font-size:16.5px;color:#212a57}.lob-step-btn.is-plus{width:42px;height:40px;border-radius:14px;border:1px solid #e3dffb;background:#eceafd;color:#6c4ee0;box-shadow:0 2px 6px #2f3a820f}.lob-step-btn.is-plus:hover:not(:disabled){background:#e3dffc;color:#5b3bd3}.lob-cat-wrap{position:relative;flex:none}.lob-cat-btn{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 11px 0 14px;background:#fff;border:1px solid #e7ebf7;border-radius:13px;font-family:Inter,sans-serif;font-weight:600;font-size:14.5px;color:#2a3261;cursor:pointer;box-shadow:0 2px 6px #2f3a820f;transition:border-color .15s ease}.lob-cat-btn:hover:not(:disabled){border-color:#cdd6f2}.lob-cat-btn:disabled{cursor:not-allowed;background:#f5f6fb}.lob-cat-caret{color:#8a94b8;transition:transform .2s ease}.lob-cat-caret.is-open{transform:rotate(180deg)}.lob-cat-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:205px;padding:7px;background:#fff;border:1px solid #e7ebf7;border-radius:15px;box-shadow:0 16px 40px #252e6a2e;display:flex;flex-direction:column;gap:3px;z-index:40;animation:lob-menu-in .18s cubic-bezier(.34,1.4,.64,1)}@keyframes lob-menu-in{0%{opacity:0;transform:translateY(-5px)}}.lob-cat-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:none;border-radius:10px;background:transparent;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#2a3261;cursor:pointer;text-align:left}.lob-cat-item:hover{background:#f3f4fe;color:#6c4ee0}.lob-cat-item.selected{background:#edebfe;color:#5b3bd3}.lob-cat-item svg{color:#6c4ee0}.lob-toggle{position:relative;flex:none;width:48px;height:28px;border-radius:999px;border:none;background:#e2e6f2;cursor:pointer;transition:background .2s ease}.lob-toggle.is-on{background:#7c5cfa;box-shadow:0 4px 12px #7c5cfa66}.lob-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #1e265a40;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.lob-toggle.is-on .lob-toggle-thumb{transform:translate(20px)}.lob-toggle:disabled{cursor:not-allowed;opacity:.85}.lob-info-box{margin-top:4px;display:flex;gap:11px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#e3eeff,#d8e6fe)}.lob-info-icon{flex:none;margin-top:1px;color:#5661d8}.lob-info-box p{font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5;color:#3e5386}.lob-start-area{margin-top:auto;padding-top:16px}.lob-start-btn{width:100%;height:52px;border:none;border-radius:15px;background:linear-gradient(180deg,#ffd84d,#ffa81f);color:#23283a;font-family:Nunito,sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 22px #f794026b,inset 0 1px #fffc;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease}.lob-start-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03)}.lob-start-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.lob-host-wait{width:100%;height:62px;border-radius:18px;background:#edf0fae6;color:#67739b;font-family:Inter,sans-serif;font-weight:600;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:10px}.lob-dots{display:inline-flex;gap:4px}.lob-dots span{width:7px;height:7px;border-radius:50%;background:#9aa7cc;animation:lob-bounce 1.1s ease-in-out infinite}.lob-dots span:nth-child(2){animation-delay:.15s}.lob-dots span:nth-child(3){animation-delay:.3s}@keyframes lob-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.lob-min-players{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;color:#667191;font-family:Inter,sans-serif;font-size:13px}.lob-line{height:1.5px;width:44px;border-radius:2px;background:#c7d0e6}.lob-min-text{font-weight:600}.lob-invite-card{display:flex;flex-direction:column;overflow:hidden}.lob-invite-body{flex:1;display:flex;flex-direction:column;padding:18px}.lob-invite-title{font-family:Nunito,sans-serif;font-weight:800;font-size:18px;color:#1b2559;margin-bottom:5px}.lob-invite-sub{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#7a86a8;margin-bottom:16px}.lob-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 20px;border-radius:15px;background:#f7f9ff;border:1.5px solid #e7ecf8;margin-bottom:16px}.lob-code-big{font-family:Nunito,sans-serif;font-weight:900;font-size:22px;letter-spacing:2.5px;color:#212a57}.lob-code-copy{flex:none;width:44px;height:44px;border:none;border-radius:12px;background:#edebfe;color:#6c4ee0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.lob-code-copy:hover{background:#e2ddfb;transform:scale(1.05)}.lob-invite-btn{margin-top:auto;width:100%;height:46px;border:none;border-radius:15px;background:linear-gradient(180deg,#9080fa,#6a38ef);color:#fff;font-family:Nunito,sans-serif;font-weight:800;font-size:16.5px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 12px 26px #6a38ef66,inset 0 1px #ffffff59;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease}.lob-invite-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.lob-chip-copy:focus-visible,.lob-ready-pill:focus-visible,.lob-step-btn:focus-visible,.lob-cat-btn:focus-visible,.lob-cat-item:focus-visible,.lob-toggle:focus-visible,.lob-start-btn:focus-visible,.lob-code-copy:focus-visible,.lob-invite-btn:focus-visible{outline:3px solid rgba(108,79,224,.55);outline-offset:2px}@media (max-width: 1100px){.lob-grid{grid-template-columns:1fr 1fr}.lob-invite-card{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.lob-invite-img{height:100%;min-height:250px}.lob-invite-body{padding:22px}.lob-invite-btn{margin-top:16px}}@media (max-width: 800px){.lob-page{padding:22px 14px 40px}.lob-grid,.lob-invite-card{grid-template-columns:1fr}.lob-invite-img{height:190px}.lob-logo{width:min(70vw,280px)}}@media (prefers-reduced-motion: reduce){.lob-dots span,.lob-toggle-thumb,.lob-cat-caret,.lob-copied-bubble,.lob-cat-menu{animation:none;transition:none}.lob-start-btn,.lob-invite-btn,.lob-chip-copy,.lob-code-copy,.lob-player-row{transition:none}}:root{--bg-main: #F4F6FC;--bg-surface: #FFFFFF;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: #FFFFFF;--bg-glass: rgba(255, 255, 255, .88);--border-glass: rgba(0, 0, 0, .08);--border-active: rgba(99, 102, 241, .45);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .25);--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .25);--success: #10b981;--danger: #ef4444;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.landing-page-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-image:url(/cinema-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.landing-page-container:before{content:"";position:absolute;inset:0;background:#ffffff38;pointer-events:none;z-index:0}.ambient-glow{display:none}.home-content-wrap{position:relative;z-index:2;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:16px}.home-logo-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:2px}.home-logo-img{width:100%;max-width:400px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(17,27,85,.22));transition:transform .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.home-logo-img:hover{transform:scale(1.03)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home-wireframe-card{width:100%;background:#fffffff5;border:1.5px solid rgba(255,255,255,.95);border-radius:20px;padding:32px 28px;box-shadow:0 16px 40px #111b5524;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.home-field-group{display:flex;flex-direction:column;gap:6px;width:100%}.home-field-label{font-family:var(--font-display),"Fredoka",sans-serif;font-size:1rem;font-weight:700;color:#111b55;text-align:center;letter-spacing:.2px}.home-input-wrap{position:relative;display:flex;align-items:center;width:100%}.home-text-input{width:100%;height:52px;padding:0 16px;background:#fff;border:2px solid #E2E8F0;border-radius:12px;font-size:1.05rem;font-weight:600;font-family:inherit;color:#111b55;outline:none;box-sizing:border-box;transition:all .2s ease;text-align:center}.home-text-input:focus{border-color:#6546f5;box-shadow:0 0 0 3px #6546f526}.home-text-input::placeholder{color:#94a3b8;font-weight:500}.home-dice-btn{position:absolute;right:10px;background:#ede9fe;border:none;color:#6546f5;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.home-dice-btn:hover{background:#ddd6fe;transform:scale(1.08)}.home-action-btn{width:100%;height:52px;border-radius:12px;border:none;font-family:var(--font-display),"Fredoka",sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}.home-create-btn{background:linear-gradient(135deg,#7657ff,#5b3ce8);color:#fff;box-shadow:0 6px 18px #6546f547}.home-create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6546f561}.home-join-btn{background:linear-gradient(135deg,#ffd84d,#ff9e19);color:#111b55;box-shadow:0 6px 18px #ff9e1947}.home-join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff9e1961}.home-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.prompt-card{max-width:480px;text-align:center}.error-alert-banner{padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;font-size:.9rem}.username-input-section{display:flex;flex-direction:column;gap:8px}.username-label-row{display:flex;align-items:center;justify-content:space-between}.generator-hint{font-size:.75rem;color:#a5b4fc;font-weight:500}.input-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.username-field-wrapper{position:relative;display:flex;align-items:center;gap:8px}.roll-dice-btn{padding:11px 14px;background:#6366f126;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-md);color:#818cf8;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s ease}.roll-dice-btn:hover{background:#6366f14d;color:#fff;transform:translateY(-1px)}.user-icon-prefix{position:absolute;left:14px;font-size:1.1rem}.styled-input{width:100%;padding:12px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.styled-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.username-input{padding-left:44px;font-weight:600;font-size:1.05rem}.action-panels-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.action-box{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all .25s ease;box-shadow:0 2px 6px #00000008}.action-box:hover{background:#fff;border-color:var(--primary);box-shadow:0 10px 25px #6366f11f;transform:translateY(-2px)}.box-icon-bubble{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center}.create-bubble{background:#6366f126;color:#818cf8}.join-bubble{background:#f59e0b26;color:#fbbf24}.action-box h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.action-box p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.actions-divider{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:var(--text-muted);font-size:.75rem;font-weight:700;box-shadow:0 1px 3px #0000000d}.primary-action-btn{width:100%;padding:12px 18px;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.create-room-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px var(--primary-glow)}.create-room-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.join-room-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px var(--accent-glow)}.join-room-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.primary-action-btn:disabled{opacity:.6;cursor:not-allowed}.join-form{width:100%;display:flex;flex-direction:column;gap:10px}.room-code-input{text-align:center;font-family:monospace;font-size:1.1rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.how-to-play-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.section-title-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.rules-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rule-card{background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:18px;position:relative}.rule-num{position:absolute;top:12px;right:14px;font-size:1.2rem;font-weight:900;color:#ffffff1a;font-family:var(--font-display)}.rule-card h4{font-family:var(--font-display);font-size:.95rem;margin-bottom:6px;color:#0f172a}.rule-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.gameroom-container{height:100vh;max-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);overflow:hidden;position:relative}.gameroom-container.is-lobby{height:auto;min-height:100vh;max-height:none;overflow-y:auto;background:transparent}.gameroom-container.is-lobby:before{display:none}.gameroom-container.is-lobby>*{position:relative;z-index:1}.gameroom-main-stage.lobby-mode-stage{padding:0;height:auto;min-height:100vh;overflow:visible;width:100%;display:block}.gameroom-header{height:60px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #0000000a}.header-left{display:flex;align-items:center;gap:16px}.game-brand{display:flex;align-items:center;gap:8px;cursor:pointer}.gameroom-brand-logo{height:38px;width:auto;max-width:160px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(17,27,85,.16));cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:block}.game-brand:hover .gameroom-brand-logo{transform:scale(1.05)}.header-room-pill{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--border-glass);padding:4px 10px;border-radius:var(--radius-sm);font-size:.8rem}.pill-sub{color:var(--text-muted)}.pill-code{font-family:monospace;font-weight:700;letter-spacing:.05em;color:#60a5fa}.round-counter-pill{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:100px}.turn-clock-pill{display:flex;align-items:center;gap:6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.95rem;font-weight:800;padding:6px 14px;border-radius:100px;transition:all .2s ease}.turn-clock-pill.urgent{background:#ef444433;border-color:#ef444480;color:#f87171;animation:pulse 1s infinite}.header-right{display:flex;align-items:center;gap:10px}.header-icon-btn{background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.header-icon-btn:hover{background:#ffffff1a;color:var(--text-primary)}.leave-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.gameroom-main-stage{flex:1;display:flex;position:relative}.lobby-container{width:100%;max-width:1080px;margin:0 auto;padding:30px 20px;display:flex;flex-direction:column;gap:24px}.lobby-hero-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:24px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #00000059}.lobby-room-badge{display:flex;flex-direction:column}.badge-sub{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.room-code-display{font-family:monospace;font-size:2.2rem;font-weight:900;letter-spacing:.12em;color:#38bdf8}.invite-box{display:flex;flex-direction:column;gap:6px}.invite-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.invite-input-row{display:flex;align-items:center;gap:8px}.invite-url-field{width:280px;padding:8px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem}.copy-invite-btn{padding:8px 14px;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.copy-invite-btn:hover{background:var(--primary-hover)}.copy-invite-btn.copied{background:var(--success)}.lobby-main-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}.lobby-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:20px}.lobby-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border-glass)}.header-title-group{display:flex;align-items:center;gap:10px}.header-title-group h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.icon-gold{color:#f59e0b}.icon-blue{color:#38bdf8}.waiting-pulse-dot{font-size:.75rem;color:#34d399;display:flex;align-items:center;gap:6px}.waiting-pulse-dot:before{content:"";width:7px;height:7px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981}.players-roster-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto}.roster-player-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 1px 3px #00000005}.roster-avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center}.roster-player-info{display:flex;align-items:center;gap:8px}.roster-player-name{font-weight:600;font-size:.95rem}.host-pill{display:inline-flex;align-items:center;gap:4px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.roster-footer-tip{font-size:.8rem;color:var(--text-muted);line-height:1.4;background:#ffffff05;padding:10px;border-radius:var(--radius-sm)}.read-only-tag{font-size:.75rem;background:#ffffff0f;padding:3px 8px;border-radius:4px;color:var(--text-muted)}.settings-field-group{display:flex;flex-direction:column;gap:8px}.settings-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.setting-options-row{display:flex;gap:8px}.setting-pill-btn{flex:1;padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.setting-pill-btn:hover:not(:disabled){background:#e2e8f0;color:var(--text-primary)}.setting-pill-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary-glow)}.setting-pill-btn:disabled{cursor:not-allowed;opacity:.8}.language-tags-row{display:flex;flex-wrap:wrap;gap:8px}.lang-checkbox-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:100px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-checkbox-btn:hover:not(:disabled){background:#ffffff14}.lang-checkbox-btn.selected{background:#38bdf826;border-color:#38bdf8;color:#38bdf8}.lang-checkbox-btn.locked{opacity:.6;cursor:not-allowed}.round-num-btn{width:42px;height:38px;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all .2s ease}.round-num-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.round-num-btn.active{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 0 10px var(--accent-glow)}.setting-helper-text{font-size:.75rem;color:var(--text-muted)}.lobby-actions-footer{margin-top:8px}.start-game-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98159;border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-size:1.05rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.start-game-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.waiting-host-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#ffffff08;border:1px dashed var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem}.spinner-dots{display:flex;gap:4px}.spinner-dots span{width:6px;height:6px;background-color:#60a5fa;border-radius:50%;animation:pulse 1s infinite}.spinner-dots span:nth-child(2){animation-delay:.2s}.spinner-dots span:nth-child(3){animation-delay:.4s}.gameplay-split-layout{flex:1;display:grid;grid-template-columns:260px 1fr 340px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden}.gameplay-left-pane{background:#fff;border-right:1px solid var(--border-glass);display:flex;flex-direction:column}.gameplay-center-pane{display:flex;flex-direction:column;padding:20px;gap:16px;overflow-y:auto;position:relative;background:#f4f6fc}.gameplay-right-pane{background:#fff;border-left:1px solid var(--border-glass);display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.scoreboard-sidebar-container{height:100%;display:flex;flex-direction:column}.scoreboard-header{padding:16px 20px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;gap:10px}.scoreboard-trophy{color:#f59e0b}.scoreboard-header h3{font-family:var(--font-display);font-size:1rem;font-weight:700}.scoreboard-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.scoreboard-player-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);transition:all .2s ease}.scoreboard-player-row.is-actor{border-color:#f59e0b66;background:#f59e0b0f}.scoreboard-player-row.has-guessed{border-color:#10b98166;background:#10b9810f}.player-rank{font-family:var(--font-display);font-size:.85rem;font-weight:800;color:var(--text-muted);width:20px}.player-avatar-mini{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-meta-block{flex:1;min-width:0;display:flex;flex-direction:column}.name-tags-line{display:flex;align-items:center;gap:4px}.player-display-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-icon{color:#f59e0b}.actor-icon{color:#38bdf8}.player-status-sub{font-size:.7rem;color:var(--text-muted)}.player-points-chip{display:flex;flex-direction:column;align-items:flex-end}.pts-number{font-family:var(--font-display);font-weight:800;font-size:.95rem;color:#0f172a}.pts-label{font-size:.65rem;color:var(--text-muted)}.clue-board-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;flex-shrink:0;min-height:fit-content}.clue-board-clapper{background:#fff;border-bottom:1px solid #e2e8f0}.clapper-stripes{height:10px;background:repeating-linear-gradient(-45deg,#fff,#fff 12px,#0f172a 12px 24px)}.clapper-meta-row{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #e2e8f0}.clapper-actor-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.clapper-actor-info strong{color:#f59e0b}.you-actor-badge{background:#f59e0b;color:#000;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:4px}.clapper-meta-badges{display:flex;align-items:center;gap:8px}.board-badge{font-size:.75rem;padding:3px 8px;border-radius:4px;font-weight:600}.lang-badge{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.hint-badge{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);display:inline-flex;align-items:center;gap:4px;max-width:350px;white-space:normal;word-break:break-word;line-height:1.3}.title-display-stage{padding:16px 20px;background:#f8fafc;text-align:center;border-bottom:1px solid var(--border-glass)}.secret-title-box{display:flex;flex-direction:column;align-items:center;gap:4px}.secret-title-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#10b981}.secret-title-text{font-family:var(--font-display);font-size:1.85rem;font-weight:900;color:#0f172a;letter-spacing:.02em}.secret-title-hint{font-size:.85rem;color:var(--text-secondary)}.movie-info-box{display:flex;flex-direction:column;align-items:center;gap:16px}.movie-info-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.movie-info-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.movie-info-pill{display:flex;align-items:center;gap:8px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:10px 18px;min-width:120px}.movie-info-pill svg{color:#6366f1;flex-shrink:0}.info-pill-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;color:#64748b;text-transform:uppercase}.info-pill-value{font-size:1rem;font-weight:800;color:#1e1b4b;margin-left:auto}.movie-hints-row{display:flex;align-items:center;justify-content:center;gap:6px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:8px 16px;color:#b45309;font-size:.85rem;font-weight:600;max-width:400px}.movie-hints-row svg{color:#f59e0b;flex-shrink:0}.clue-stream-area{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:180px}.clue-stream-area.actor-mode{min-height:auto;padding:12px 18px;gap:10px}.clue-stream-header{display:flex;align-items:center;justify-content:space-between}.clue-stream-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--text-secondary)}.sparkle-icon{color:#f59e0b}.clue-count-tag{font-size:.75rem;background:#ffffff0f;padding:2px 8px;border-radius:100px;color:var(--text-muted)}.clues-display-canvas{flex:1;display:flex;align-items:center;justify-content:center}.empty-clues-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem}.empty-emoji-icon{font-size:2.2rem}.clues-bubble-flow{width:100%;display:flex;flex-wrap:wrap;gap:12px}.clue-bubble-card{display:inline-flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:10px 18px;box-shadow:0 4px 12px #0000004d;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.clue-step-num{font-size:.75rem;font-weight:800;color:var(--text-muted)}.clue-emojis-content{font-size:2.4rem;letter-spacing:4px;line-height:1}.waiting-actor-stage{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.film-reel-loader{font-size:3.5rem;animation:spin 6s linear infinite}.waiting-actor-stage h2{font-family:var(--font-display);font-size:1.6rem}.waiting-actor-stage p{color:var(--text-secondary)}.turn-reveal-banner{background:linear-gradient(135deg,#6366f133,#f59e0b33);border:1px solid rgba(99,102,241,.4);border-radius:var(--radius-xl);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeIn .4s ease}.reveal-tag{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#f59e0b}.turn-reveal-banner h2{font-family:var(--font-display);font-size:1.8rem}.highlight-title{color:#38bdf8}.reveal-hint{font-size:.9rem;color:var(--text-secondary)}.next-turn-wait{font-size:.8rem;color:var(--text-muted);margin-top:4px}.actor-controls-section{width:100%;flex-shrink:0}.emoji-keyboard-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 25px #0006;outline:none}.emoji-keyboard-container:focus-visible{border-color:#f59e0b80;box-shadow:0 0 0 2px #f59e0b33}.emoji-keyboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.keyboard-header-title{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.05em;color:#f59e0b}.sparkle-amber{color:#f59e0b}.emoji-only-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;padding:3px 10px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;border-radius:9999px;letter-spacing:.03em}.clue-composer-bar{display:flex;gap:10px;align-items:stretch}.clue-display-box{flex:1;min-height:52px;padding:8px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;position:relative;transition:all .2s ease;box-shadow:0 1px 3px #00000008}.clue-display-box:not(.empty){border-color:#f59e0b66;box-shadow:0 0 12px #f59e0b1a}.clue-input-prefix{font-size:.85rem;font-weight:700;color:#f59e0b;white-space:nowrap;-webkit-user-select:none;user-select:none}.clue-placeholder-text{font-size:.85rem;color:var(--text-muted);font-style:italic;-webkit-user-select:none;user-select:none}.selected-emojis-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.draft-emoji-badge{font-size:1.55rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 2px 6px #0000004d;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.clue-quick-actions{display:flex;gap:6px;margin-left:auto;align-items:center}.composer-icon-btn{background:#ffffff0f;border:1px solid var(--border-glass);color:var(--text-muted);border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.composer-icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff24}.composer-icon-btn.clear-btn:hover:not(:disabled){color:#ef4444;background:#ef444426;border-color:#ef444459}.clue-warning-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.82rem;font-weight:600;animation:popIn .2s ease}.drop-clue-btn{padding:0 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 14px var(--accent-glow);transition:all .2s ease}.drop-clue-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.drop-clue-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.full-emoji-picker-wrapper{width:100%;border-radius:var(--radius-md);overflow:hidden;--epr-bg-color: #ffffff;--epr-category-label-bg-color: #f8fafc;--epr-picker-border-color: #e2e8f0;--epr-search-input-bg-color: #f8fafc;--epr-search-input-border-radius: 8px;--epr-search-border-color: #cbd5e1;--epr-search-input-text-color: #0f172a;--epr-search-input-placeholder-color: #64748b;--epr-hover-bg-color: #fef3c7;--epr-highlight-color: #f59e0b;--epr-category-icon-active-color: #f59e0b;--epr-text-color: #1e293b}.full-emoji-picker-wrapper .EmojiPickerReact{border:1px solid #e2e8f0!important;box-shadow:0 4px 14px #0f172a0d!important;width:100%!important;font-family:inherit!important}.chat-section-container{height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 20px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:.95rem}.live-pill{font-size:.65rem;font-weight:800;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:2px 6px;border-radius:4px}.chat-messages-feed{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:8px}.empty-chat-state{margin:auto;text-align:center;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:8px}.chat-bubble{padding:8px 12px;border-radius:var(--radius-md);font-size:.85rem;line-height:1.4;word-break:break-word}.standard-bubble{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}.standard-bubble.guessed-user{background:#10b98114;border-color:#10b98140;color:#a7f3d0}.sender-name{font-weight:700;margin-right:6px;color:#93c5fd}.msg-time{float:right;font-size:.65rem;color:var(--text-muted);margin-left:8px;margin-top:2px}.celebration-bubble{background:linear-gradient(135deg,#10b98126,#38bdf826);border:1px solid rgba(16,185,129,.35);color:#6ee7b7;font-weight:600;display:flex;align-items:center;gap:6px}.system-bubble{background:#ffffff05;color:var(--text-muted);font-style:italic;display:flex;align-items:center;gap:6px}.hint-bubble{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fde68a}.correct-guess-bubble{background:#10b98126;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;gap:8px}.correct-icon{color:#10b981}.masked-guess-text{font-family:monospace;font-weight:800;letter-spacing:2px;color:#34d399}.correct-tag{font-size:.65rem;font-weight:700;background:#10b981;color:#000;padding:1px 6px;border-radius:4px;margin-left:auto}.chat-input-bar{padding:14px;border-top:1px solid var(--border-glass);display:flex;gap:8px;background:#0f172af2}.chat-input-field{width:100%;padding:10px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;outline:none;transition:all .2s ease}.chat-input-field:focus{outline:none;border-color:var(--primary)}.chat-input-field.success-mode{border-color:#10b98180}.chat-send-btn{padding:0 14px;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:var(--primary-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.picker-modal-overlay,.podium-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.picker-modal-card{max-width:540px;width:100%;background:#fff;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-xl);padding:24px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 25px 60px #0f172a33,0 0 0 1px #6366f114;animation:zoomIn .3s ease}.picker-header{text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:2px}.picker-tag{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:#f59e0b;letter-spacing:.08em}.picker-header h2{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:#0f172a}.picker-subtitle{color:var(--text-secondary);font-size:.95rem}.picker-timer-badge{display:inline-flex;align-items:center;gap:6px;background:#6366f114;border:1px solid rgba(99,102,241,.2);padding:6px 14px;border-radius:100px;font-size:.85rem;color:#4f46e5;margin-top:4px}.picker-timer-badge.urgent{background:#ef44441f;border-color:#ef444459;color:#ef4444;animation:pulse 1s infinite}.picker-grid,.vertical-aligned-options{display:flex;flex-direction:column;gap:12px;width:100%}.picker-movie-card,.vertical-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0f172a0a;text-align:left}.picker-movie-card:hover,.vertical-card:hover{background:#f8fafc;border-color:var(--primary);box-shadow:0 8px 24px #6366f129;transform:translateY(-2px)}.movie-card-main-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}.movie-choice-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.01em}.picker-movie-hint{display:inline-flex;align-items:center;gap:6px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#b45309;font-size:.82rem;font-weight:600;padding:4px 10px;border-radius:6px;line-height:1.3}.picker-movie-hint svg{color:#f59e0b;flex-shrink:0}.select-movie-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#eef2ff;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-sm);color:var(--primary);font-weight:700;font-size:.9rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0;cursor:pointer}.picker-movie-card:hover .select-movie-btn,.vertical-card:hover .select-movie-btn{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.podium-modal-card{max-width:680px;width:100%;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:36px 30px;display:flex;flex-direction:column;gap:28px;box-shadow:0 30px 70px #000c;animation:zoomIn .4s ease}.podium-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.podium-tag{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:#f59e0b;letter-spacing:.08em}.podium-header h2{font-family:var(--font-display);font-size:2.2rem;font-weight:900}.podium-subtitle{color:var(--text-secondary);font-size:.95rem}.podium-stand-row{display:flex;align-items:flex-end;justify-content:center;gap:16px;height:240px;padding-bottom:10px}.podium-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.podium-avatar-bubble{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}.gold-ring{background:radial-gradient(circle,#f59e0b,#b45309);border:3px solid #fde68a;box-shadow:0 0 20px #f59e0b80}.silver-ring{background:radial-gradient(circle,#94a3b8,#475569);border:3px solid #cbd5e1}.bronze-ring{background:radial-gradient(circle,#d97706,#78350f);border:3px solid #fed7aa}.trophy-gold,.medal-silver,.medal-bronze{color:#fff}.crown-gold{color:#fbbf24;margin-bottom:-10px}.podium-player-name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.highlight-winner{font-size:1.15rem;color:#fde68a}.podium-score{font-size:.85rem;font-weight:600;color:var(--text-muted)}.winner-score{color:#fbbf24;font-weight:800;font-size:1rem}.podium-pedestal{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center}.gold-pedestal{height:120px;background:linear-gradient(180deg,#f59e0b66,#b4530933);border-top:4px solid #fbbf24}.silver-pedestal{height:85px;background:linear-gradient(180deg,#94a3b84d,#47556933);border-top:4px solid #cbd5e1}.bronze-pedestal{height:60px;background:linear-gradient(180deg,#d977064d,#78350f33);border-top:4px solid #fed7aa}.rank-number{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:#fff6}.podium-leaderboard-sublist{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px}.podium-leaderboard-sublist h4{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.sublist-scroll{max-height:100px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sublist-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 8px}.sublist-rank{color:var(--text-muted);font-weight:700}.sublist-name{font-weight:600}.sublist-pts{font-weight:700;color:#818cf8}.podium-actions-footer{display:flex;gap:12px}.podium-btn{flex:1;padding:12px 18px;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.play-again-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.home-btn{background:#ffffff14;color:#fff}.waiting-host-box{flex:1;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px dashed var(--border-glass);border-radius:var(--radius-md);color:var(--text-muted);font-size:.85rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.97)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.float-bounce{animation:floatBounce 2s ease-in-out infinite}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 960px){.gameplay-split-layout{grid-template-columns:1fr;height:auto;overflow:visible}.gameplay-left-pane,.gameplay-right-pane{height:320px}.lobby-main-grid,.action-panels-grid{grid-template-columns:1fr}.actions-divider{margin:-10px 0}.picker-grid{grid-template-columns:1fr}}.lp-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:44px 20px 56px;background-image:url(/cinema-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.lp-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 62% 52% at 50% 40%,#ffffff9e,#fff0 72%),linear-gradient(180deg,#ffffff0d,#ffffff61)}.lp-content{position:relative;z-index:1;width:100%;max-width:812px;display:flex;flex-direction:column;align-items:center}.lp-logo-wrap{display:flex;justify-content:center}.lp-logo{width:clamp(300px,46vw,590px);height:auto;-webkit-user-select:none;user-select:none;margin-bottom:-4px;filter:drop-shadow(0 16px 30px rgba(23,25,82,.3));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.lp-logo:hover{transform:scale(1.02)}.lp-tagline{text-align:center;margin-bottom:24px}.lp-tagline p{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(28px,3.5vw,46px);line-height:1.18;color:#191f52;letter-spacing:-.2px}.lp-tagline-accent{color:#4b3bf2}.lp-cards{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:26px}.lp-card{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:22px;padding:24px 22px 22px;border:1px solid rgba(255,255,255,.85);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.lp-card:hover{transform:translateY(-3px)}.lp-card-create{background:linear-gradient(180deg,#fff8e1,#ffecbf);border:1.5px solid rgba(228,183,84,.5);box-shadow:0 20px 44px #b071083d}.lp-card-create:hover{box-shadow:0 24px 52px #b071084d}.lp-card-join{background:linear-gradient(180deg,#fbfcff,#f2f6fe);border:1.5px solid rgba(183,198,245,.45);box-shadow:0 18px 42px #38448a2e}.lp-card-join:hover{box-shadow:0 22px 50px #38448a38}.lp-card-icon{height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;animation:lp-float 3.8s ease-in-out infinite alternate}.lp-card-join .lp-card-icon{animation-delay:-1.9s}@keyframes lp-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.lp-card-icon svg{filter:drop-shadow(0 8px 12px rgba(31,38,98,.22))}.lp-card-title{font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(20px,1.9vw,25px);color:#1b2559;margin-bottom:7px}.lp-card-desc{max-width:236px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:600;line-height:1.5;color:#535e82;margin-bottom:20px}.lp-card form{display:flex;flex-direction:column;flex:1;width:100%}.lp-create-username{margin-top:auto;margin-bottom:14px;width:100%;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:15px;background:#fff;border:1.6px solid #f3dfa6;box-shadow:0 4px 12px #b0740a1f;transition:border-color .15s ease,box-shadow .15s ease}.lp-create-username:focus-within{border-color:#e9a93a;box-shadow:0 0 0 3px #ffb22e33}.lp-cu-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff3d6,#ffdf9f);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #58461426}.lp-cu-avatar span{font-size:24px;line-height:1;transform:translateY(-1px)}.lp-cu-meta{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}.lp-cu-label{font-family:Inter,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#a6790f}.lp-cu-value{background:transparent;border:none;outline:none;padding:0;width:100%;font-family:Nunito,sans-serif;font-weight:800;font-size:16.5px;color:#1e2a5c}.lp-cu-value::placeholder{color:#bfae80;font-weight:700}.lp-cu-refresh{flex:none;width:38px;height:38px;border:none;border-radius:11px;background:#fff3d2;color:#c78517;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.lp-cu-refresh svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.lp-cu-refresh:hover{background:#fce7b4;color:#a96e08}.lp-cu-refresh:hover svg{transform:rotate(180deg)}.lp-card-icon .gi{margin:0 auto}.lp-btn{width:100%;height:55px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:15px;font-family:Nunito,sans-serif;font-weight:800;font-size:18.5px;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .18s ease}.lp-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.lp-btn-create{background:linear-gradient(180deg,#ffd84d,#ffa81f);color:#20242e;box-shadow:0 12px 26px #f794026b,inset 0 1px #fffc}.lp-btn-create:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 16px 32px #f7940280,inset 0 1px #fffc}.lp-btn-join{background:linear-gradient(180deg,#9080fa,#6a38ef);color:#fff;box-shadow:0 10px 24px #6a38ef66,inset 0 1px #ffffff59}.lp-btn-join:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 30px #6a38ef80,inset 0 1px #ffffff59}.lp-code-row{position:relative;width:100%;margin-top:auto;margin-bottom:12px}.lp-code-input{width:100%;height:52px;padding:0 52px 0 16px;border-radius:13px;border:1.8px solid #e3e8f5;background:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#212a57;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.lp-code-input:focus{border-color:#8880f6;box-shadow:0 0 0 3px #8880f62e}.lp-code-input::placeholder{color:#9aa3bd}.lp-paste-btn{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;border-radius:10px;background:#eeebfe;color:#6a4ce1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.lp-paste-btn:hover{background:#e2ddfb;color:#5536d6}.lp-toast{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;background:#ffffffeb;border:1px solid rgba(255,170,170,.85);color:#d23a50;font-family:Inter,sans-serif;font-size:14px;font-weight:600;box-shadow:0 14px 36px #a02d3c38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:calc(100vw - 40px);animation:lp-toast-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes lp-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lp-btn:focus-visible,.lp-paste-btn:focus-visible,.lp-cu-refresh:focus-visible{outline:3px solid rgba(108,79,224,.55);outline-offset:2px}@media (max-width: 780px){.lp-cards{grid-template-columns:1fr;max-width:470px;margin:0 auto}.lp-card-icon{height:76px}}@media (max-width: 560px){.lp-page{padding:30px 14px 40px}.lp-logo{width:min(78vw,300px)}.lp-cu-avatar{width:36px;height:36px}.lp-cu-avatar span{font-size:21px}.lp-cu-value{font-size:15.5px}.lp-cu-refresh{width:34px;height:34px}}@media (prefers-reduced-motion: reduce){.lp-card-icon{animation:none}.lp-btn,.lp-card,.lp-logo{transition:none}}.gameroom-container:not(.is-lobby){background:linear-gradient(180deg,#f8f7ff80,#f6f4fe99 55%,#faf8ffbf),url(/cinema-bg.jpg) center / cover no-repeat var(--bg-main)}@media (min-width: 1151px){.gameroom-main-stage{min-height:0;overflow:hidden}}.gs-topbar{flex:none;margin:14px 16px 2px;padding:9px 12px 9px 18px;border-radius:24px;display:flex;align-items:center;gap:14px;background:#fffffff7;border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 34px #252e6a24;position:relative;z-index:30}.gs-topbar-brand{display:flex;align-items:center;cursor:pointer;flex:none}.gs-topbar-logo{height:38px;width:auto;-webkit-user-select:none;user-select:none}.gs-topbar-chips{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.gs-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:#eef0fe;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#2a3261;white-space:nowrap}.gs-chip-flag{color:#6c4ee0}.gs-chip-users{color:#6474e4}.gs-turn-chip{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px 0 8px;border-radius:999px;background:#fff;border:2px solid #a89af8;font-family:Nunito,sans-serif;font-size:14.5px;font-weight:800;color:#6c4ee0;white-space:nowrap;box-shadow:0 4px 12px #7c5cfa2e}.gs-turn-avatar{border-radius:50%;flex:none}.gs-topbar-side{display:flex;align-items:center;gap:10px;flex:none}.gs-timer{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:999px;background:#fff4e3}.gs-timer-icon{color:#ff8a1e;flex:none}.gs-timer-time{font-family:Nunito,sans-serif;font-weight:800;font-size:18px;letter-spacing:.5px;color:#1e2956;min-width:52px}.gs-timer-track{width:96px;height:8px;border-radius:999px;background:#ffe0b8;overflow:hidden;display:inline-block}.gs-timer-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb13b,#ff8a1e);transition:width .9s linear}.gs-timer.urgent .gs-timer-icon{color:#f0483c;animation:gs-timer-blink .7s ease-in-out infinite alternate}.gs-timer.urgent{background:#ffe7e5}.gs-timer.urgent .gs-timer-fill{background:linear-gradient(90deg,#ff7b6e,#ef3b2d)}@keyframes gs-timer-blink{0%{opacity:1}to{opacity:.45}}.gs-icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(226,230,248,.9);background:#fff;color:#5a6590;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.gs-icon-btn:hover{background:#f2f4ff;color:#41497b}.gs-leave-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:14px;border:1px solid #ffd2cd;background:#ffefec;color:#e5493b;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.gs-leave-btn:hover{background:#ffe0da;transform:translateY(-1px)}.gs-layout{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr 330px;gap:16px;padding:14px 16px 16px;overflow:hidden}.gs-pane{min-height:0;min-width:0;display:flex}.gs-pane-center{flex-direction:column;gap:14px;overflow-y:auto;padding-right:3px}.gs-pane-left,.gs-pane-right{flex-direction:column}.gs-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffffff7,#fcfdfff0);border:1.5px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 16px 40px #252e6a24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gs-panel-header{flex:none;display:flex;align-items:center;gap:10px;padding:16px 16px 12px}.gs-panel-title{font-family:Nunito,sans-serif;font-weight:800;font-size:19px;color:#1b2559;display:flex;align-items:baseline;gap:6px}.gs-panel-count{font-size:15px;color:#8a94b8}.gs-players-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:0 12px 12px}.gs-player-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:15px;background:#f5f7fd;border:1px solid rgba(226,232,249,.7);transition:transform .15s ease}.gs-player-row.is-turn{background:linear-gradient(180deg,#fff5d6,#ffedba);border-color:#ffe2a0;box-shadow:0 6px 16px #ffb22847}.gs-player-avatar{flex:none;border-radius:50%;box-shadow:0 3px 8px #1f266224}.gs-player-row.is-turn .gs-player-avatar{box-shadow:0 0 0 2.5px #ffd76a,0 3px 8px #1f266224}.gs-player-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gs-player-name-line{display:flex;align-items:center;gap:7px;min-width:0}.gs-player-name{font-family:Nunito,sans-serif;font-weight:800;font-size:15px;color:#232c5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.gs-host-crown{flex:none;color:#eda32f}.gs-turn-tag{display:inline-flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#e08a00}.gs-turn-dot{width:7px;height:7px;border-radius:50%;background:#ff9e2c;animation:gs-dot-pulse 1.2s ease-in-out infinite}@keyframes gs-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}.gs-player-status{display:inline-flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;color:#8a94b8}.gs-player-status.guessed{color:#1e9e55}.gs-player-status.muted{color:#a5aec9}.gs-player-score{flex:none;min-width:44px;text-align:center;padding:5px 10px;border-radius:11px;background:#ffe9bf;font-family:Nunito,sans-serif;font-weight:800;font-size:14.5px;color:#b97a0d}.gs-player-score.hot{background:#ffc24b;color:#7a4e00;box-shadow:0 3px 8px #ffb22866}.gs-card{background:linear-gradient(180deg,#fffffff7,#fcfdfff0);border:1.5px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 16px 40px #252e6a24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gs-stage{flex:none;padding:16px 18px 14px;display:flex;flex-direction:column;align-items:center;text-align:center}.gs-stage-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;background:#eceafe;color:#6c4ee0;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;margin-bottom:10px}.gs-stage-title{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(22px,2.2vw,28px);color:#1b2559;letter-spacing:-.2px}.gs-secret-movie{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#f6f4ff;border:1.5px solid #e0d9fb}.gs-secret-lock{color:#a893f5;flex:none}.gs-secret-title{font-family:Nunito,sans-serif;font-weight:800;font-size:16px;color:#352a67}.gs-secret-hint{font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;color:#7a86a8;padding-left:10px;border-left:1.5px solid #e4defc}.gs-clue-board{width:100%;margin-top:10px;display:flex;flex-direction:column;align-items:center}.gs-hint-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.gs-hint-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;background:#eef0fe;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;color:#2a3261}.gs-hint-chip svg{color:#6c4ee0;flex:none}.gs-hint-chip.is-tip{background:#f4f2ff}.gs-clues-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:2px 0}.gs-clues-empty-emoji{font-size:30px;animation:gs-reel-spin 2.4s ease-in-out infinite}@keyframes gs-reel-spin{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.gs-clues-empty p{font-family:Inter,sans-serif;font-size:13.5px;color:#9aa6c6}.gs-clue-latest{display:flex;flex-wrap:wrap;gap:11px;justify-content:center}.gs-clue-tile{width:68px;height:68px;border-radius:17px;background:#f7faff;border:1.5px solid #e8edf8;box-shadow:0 6px 16px #2f3a8214;display:inline-flex;align-items:center;justify-content:center;font-size:32px;line-height:1;animation:gs-tile-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes gs-tile-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.gs-clue-history{margin-top:12px;width:100%;display:flex;flex-direction:column;gap:6px}.gs-clue-history-row{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:6px 11px;border-radius:11px;background:#f5f7fd}.gs-clue-hist-num{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;color:#a5aec9}.gs-clue-hist-emos{font-size:18px;line-height:1.2}.gs-wait-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px 22px}.gs-wait-reel{font-size:44px;animation:gs-reel-spin 1.6s ease-in-out infinite}.gs-wait-stage h2{font-family:Nunito,sans-serif;font-weight:900;font-size:24px;color:#1b2559}.gs-wait-stage p{font-family:Inter,sans-serif;font-size:14.5px;color:#7a86a8}.gs-movie-reveal{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:linear-gradient(180deg,#ffedc0,#ffe29a);border:1.5px solid #ffd979;box-shadow:0 8px 22px #ffb22852;animation:gs-tile-pop .35s cubic-bezier(.34,1.56,.64,1)}.gs-movie-reveal span{font-family:Nunito,sans-serif;font-weight:900;font-size:20px;color:#8a5200}.actor-controls-section,.gs-pane-center>.actor-controls-section{flex:none;margin:0;padding:0}.gs-emoji-keyboard{flex:none;background:linear-gradient(180deg,#fffffff7,#fcfdfff0);border:1.5px solid rgba(255,255,255,.95);border-radius:18px;box-shadow:0 16px 40px #252e6a24;padding:12px;display:flex;flex-direction:column;gap:8px}.gs-selected-row{display:flex;align-items:center;gap:10px;min-height:46px}.gs-selected-label{flex:none;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;color:#1b2559}.gs-selected-tiles{flex:1;min-width:0;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:4px 2px}.gs-selected-empty{font-family:Inter,sans-serif;font-size:12.5px;color:#a5aec9}.gs-selected-tile{position:relative;flex:none;width:44px;height:44px;border-radius:12px;border:1.5px solid #e3e9f6;background:#f7faff;font-size:23px;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gs-selected-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #2f3a8226}.gs-selected-tile:disabled{cursor:not-allowed}.gs-tile-x{position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:2.5px;border-radius:50%;background:#fff;color:#8a94b8;border:1px solid #e3e9f6;box-shadow:0 2px 5px #2f3a8226}.gs-selected-tile:hover .gs-tile-x{color:#e5493b;border-color:#ffd6ce}.gs-clear-btn{flex:none;width:40px;height:40px;border-radius:11px;border:1px solid #ffd9d3;background:#fff2ef;color:#e56a5b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.gs-clear-btn:hover:not(:disabled){background:#ffe6e0}.gs-clear-btn:disabled{opacity:.5;cursor:not-allowed}.gs-send-emoji-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border:none;border-radius:13px;background:linear-gradient(180deg,#9080fa,#6a38ef);color:#fff;font-family:Nunito,sans-serif;font-weight:800;font-size:14.5px;cursor:pointer;box-shadow:0 10px 24px #6a38ef66,inset 0 1px #ffffff59;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease}.gs-send-emoji-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.gs-send-emoji-btn:disabled{opacity:.55;cursor:not-allowed}.gs-emoji-warning{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:#fff4e0;border:1px solid #ffe1ad;color:#b06e0a;font-family:Inter,sans-serif;font-size:13px;font-weight:600;animation:gs-tile-pop .3s ease}.gs-picker-wrap{border-top:1.5px dashed rgba(214,222,241,.9);padding-top:8px}.gs-emoji-header{display:flex;align-items:center;gap:8px;min-width:0}.gs-emoji-tablist{flex:1;min-width:0;display:flex;align-items:center;gap:5px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.gs-emoji-tablist::-webkit-scrollbar{display:none}.gs-carousel-btn{flex:none;width:30px;height:30px;border-radius:10px;border:1px solid #e3e9f6;background:#fff;color:#6c4ee0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #2f3a8214;transition:background .15s ease,transform .15s ease}.gs-carousel-btn:hover{background:#f4f2ff;transform:scale(1.07)}.gs-carousel-btn:active{transform:scale(.95)}.gs-carousel-btn.is-hidden{display:none}.gs-emoji-tab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:none;border-radius:11px;background:transparent;color:#7a86a8;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.gs-emoji-tab:hover{background:#f3f6fe;color:#2a3261}.gs-emoji-tab.active{background:#edebfe;color:#6c4ee0}.gs-emoji-tab-emoji{font-size:15px;line-height:1}.gs-emoji-search{flex:none;width:172px;display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1.5px solid #e3e9f6;border-radius:11px;background:#fff;color:#8a94b8;transition:border-color .15s ease,box-shadow .15s ease}.gs-emoji-search:focus-within{border-color:#8b7bf6;box-shadow:0 0 0 3px #8880f62e}.gs-emoji-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#232c5a}.gs-emoji-search input::placeholder{color:#a5aec9}.gs-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:3px;min-height:88px;max-height:168px;overflow-y:auto;padding:4px 2px;scroll-behavior:auto}.gs-emoji-cell{height:38px;border:none;border-radius:10px;background:transparent;font-size:21px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,transform .12s ease}.gs-emoji-cell:hover:not(:disabled){background:#edebfe;transform:scale(1.14)}.gs-emoji-cell:active:not(:disabled){transform:scale(.94)}.gs-emoji-cell:disabled{opacity:.45;cursor:not-allowed}.gs-emoji-sentinel{grid-column:1 / -1;height:2px}.gs-emoji-none{grid-column:1 / -1;padding:22px 0;text-align:center;font-family:Inter,sans-serif;font-size:13px;color:#a5aec9}.gs-chat-panel{padding:0 12px 12px 4px}.gs-chat-panel .gs-panel-header{padding:16px 12px 10px}.gs-chat-feed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 12px 0 8px}.gs-chat-msg{display:flex;align-items:flex-start;gap:9px}.gs-chat-avatar{flex:none;border-radius:50%;box-shadow:0 2px 6px #1f266224;margin-top:2px}.gs-chat-bubble{flex:1;min-width:0;background:#f5f7fd;border-radius:4px 14px 14px;padding:8px 12px}.gs-chat-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.gs-chat-name{font-family:Nunito,sans-serif;font-weight:800;font-size:13px;color:#232c5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-chat-text{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#3c4562;line-height:1.4;overflow-wrap:break-word}.gs-chat-warning{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:#fff4e0;border:1px solid #ffe1ad;color:#b06e0a;font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-align:center;max-width:92%}.gs-chat-celebration{align-self:center;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:linear-gradient(90deg,#ede9fe,#e3ecff);color:#5b48c8;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;text-align:center}.gs-chat-correct{align-self:stretch;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:14px;background:linear-gradient(180deg,#e9f9f0,#ddf4e7);border:1px solid #c5ecd7}.gs-correct-icon{color:#1e9e55;flex:none}.gs-chat-correct-name{font-family:Nunito,sans-serif;font-weight:800;font-size:13px;color:#17814a}.gs-chat-correct-text{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#2fa46a}.gs-chat-input-row{flex:none;display:flex;gap:8px;padding:10px 12px 0 8px}.gs-chat-input{flex:1;min-width:0;height:48px;padding:0 15px;border-radius:14px;border:1.5px solid #e3e9f5;background:#fff;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;color:#232c5a;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.gs-chat-input::placeholder{color:#a5aec9}.gs-chat-input:focus{border-color:#8b7bf6;box-shadow:0 0 0 3px #8880f62e}.gs-chat-input.success{border-color:#b8eccb;background:#f6fdf8}.gs-chat-input:disabled{background:#f3f5fa;cursor:not-allowed}.gs-chat-send{flex:none;width:48px;height:48px;border:none;border-radius:14px;background:linear-gradient(180deg,#9080fa,#6a38ef);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px #6a38ef66;transition:transform .15s ease,filter .15s ease}.gs-chat-send:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.gs-chat-send:disabled{opacity:.5;cursor:not-allowed}.gi{display:block;object-fit:contain}.gs-turn-tag .gi,.gs-player-status .gi,.gs-hint-chip .gi,.gs-chat-correct .gi,.gs-panel-icon .gi{flex:none}.gs-turn-tag .gi{margin-top:1px}.gs-chat-feed::-webkit-scrollbar,.gs-players-scroll::-webkit-scrollbar,.gs-pane-center::-webkit-scrollbar,.gs-emoji-grid::-webkit-scrollbar{width:6px;height:6px}.gs-chat-feed::-webkit-scrollbar-track,.gs-players-scroll::-webkit-scrollbar-track,.gs-pane-center::-webkit-scrollbar-track,.gs-emoji-grid::-webkit-scrollbar-track{background:transparent}.gs-chat-feed::-webkit-scrollbar-thumb,.gs-players-scroll::-webkit-scrollbar-thumb,.gs-pane-center::-webkit-scrollbar-thumb,.gs-emoji-grid::-webkit-scrollbar-thumb{background:#252e6a38;border-radius:4px}.gs-chat-feed::-webkit-scrollbar-thumb:hover,.gs-players-scroll::-webkit-scrollbar-thumb:hover,.gs-pane-center::-webkit-scrollbar-thumb:hover,.gs-emoji-grid::-webkit-scrollbar-thumb:hover{background:#252e6a66}.gs-chip,.gs-turn-chip,.gs-icon-btn,.gs-leave-btn,.gs-selected-tile,.gs-clear-btn,.gs-send-emoji-btn,.gs-chat-send{-webkit-tap-highlight-color:transparent}.gs-chip:focus-within,.gs-leave-btn:focus-visible,.gs-icon-btn:focus-visible,.gs-selected-tile:focus-visible,.gs-clear-btn:focus-visible,.gs-send-emoji-btn:focus-visible,.gs-carousel-btn:focus-visible,.gs-chat-send:focus-visible{outline:3px solid rgba(108,79,224,.55);outline-offset:2px}@media (max-width: 1150px){.gameroom-container:not(.is-lobby){height:auto;min-height:100vh;max-height:none;overflow-y:auto}.gs-layout{grid-template-columns:1fr;height:auto;overflow:visible}.gs-pane,.gs-panel{flex:none;height:auto;display:flex;flex-direction:column}.gs-players-panel{max-height:60vh}.gs-players-scroll{max-height:none;flex:1}.gs-chat-panel{height:auto;max-height:72vh}.gs-chat-feed{max-height:none;flex:1}.gs-pane-center{overflow:visible}}@media (max-width: 700px){.gs-emoji-search{width:118px}.gs-topbar{margin:10px 10px 0;padding:10px;gap:10px;flex-wrap:wrap}.gs-topbar-brand{order:1}.gs-topbar-side{order:2;margin-left:auto}.gs-topbar-chips{order:3;width:100%;justify-content:center}.gs-timer-track{width:56px}.gs-leave-btn span{display:none}.gs-leave-btn{padding:0 14px}.gs-layout{padding:12px 10px}.gs-clue-tile{width:56px;height:56px;font-size:27px}}@media (prefers-reduced-motion: reduce){.gs-timer-fill,.gs-turn-dot,.gs-wait-reel,.gs-clues-empty-emoji,.gs-clue-tile,.gs-emoji-warning,.gs-timer-icon{animation:none;transition:none}}@media (max-height: 820px){.gs-clue-tile{width:54px;height:54px;font-size:26px;border-radius:14px}.gs-stage-title{font-size:20px}.gs-stage-sub{font-size:13.5px;margin-top:3px}.gs-emoji-grid{max-height:128px}.gs-emoji-cell{height:36px;font-size:20px}}