*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,#0a0e27,#101640,#0d1233 60%,#0a1025,#080c20);background-attachment:fixed;color:#f0f0f0;min-height:100vh}.app{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;padding:0 1rem;overflow:hidden}.brand-accent{color:#b8ff57}header{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #2a3158;flex-shrink:0}header h1{font-size:1.15rem;font-weight:700;color:#fff;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap}.brand-icon{width:28px;height:28px;object-fit:contain}nav{display:flex;gap:.25rem;padding:.35rem 0;border-bottom:1px solid #2a3158;flex-shrink:0;flex-wrap:wrap}nav button{background:#1e2650;color:#8890b5;border:1px solid #2a3158;padding:.35rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.82rem;transition:all .15s;display:flex;align-items:center;gap:.3rem;white-space:nowrap}nav button:hover{background:#2a3158;color:#f0f0f0}nav button.active{background:#b8ff57;color:#0a0e27;border-color:#b8ff57;font-weight:600}.live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:room-video-pulse 2s ease-in-out infinite}.nav-badge{background:#b8ff5733;color:#b8ff57;font-size:.65rem;font-weight:700;padding:.05rem .35rem;border-radius:.75rem;min-width:1rem;text-align:center}nav button.active .nav-badge{background:#0a0e2733;color:#0a0e27}.room-info-bar{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;flex-shrink:0}.username{background:#141937cc;padding:.15rem .6rem;border-radius:1rem;font-size:.8rem;color:#b8ff57;border:1px solid #2a3158;cursor:pointer;transition:border-color .15s;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.username:hover{border-color:#b8ff57}.status{font-size:.7rem;padding:.1rem .35rem;border-radius:.5rem}.status.connected{color:#b8ff57}.status.disconnected{color:#f44336}.status.connecting{color:#ff9800}main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.chat-panel{display:flex;flex-direction:column;flex:1;min-height:0}.message-list{flex:1;overflow-y:auto;padding:.25rem .5rem;display:flex;flex-direction:column;gap:2px}.jump-to-latest{position:sticky;bottom:0;align-self:center;margin:-2rem auto .25rem;padding:.3rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:999px;font-size:.8rem;cursor:pointer;z-index:5;box-shadow:0 2px 8px #0000004d;animation:jumpPulse 1s ease infinite}.jump-to-latest:hover{background:#2563eb}@keyframes jumpPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.message{display:flex;gap:.35rem;align-items:baseline;padding:.15rem 0;font-size:.85rem}.msg-time{color:#555d80;font-size:.75rem;flex-shrink:0}.msg-sender{color:#ff7b54;font-weight:600;flex-shrink:0}.msg-sender.sender-admin{color:#b8ff57}.msg-sender.sender-mod{color:#7ecfff}.msg-lang{color:#555d80;font-size:.75rem;flex-shrink:0}.msg-text{word-break:break-word}.chat-input{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-top:1px solid #2a3158;background:#0e1230}.chat-input-muted{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;border-top:1px solid #2a3158;background:#0e1230;color:#ff6b6b;font-size:.85rem;font-weight:600;opacity:.7}.chat-input .input-wrapper{flex:1;position:relative}.chat-input input{width:100%;background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;outline:none}.chat-input input:focus{border-color:#b8ff57}.chat-input button{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem 1.25rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600}.chat-input button:hover{background:#a3e84d}.news-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:.5rem}.news-layout>.news-panel{flex:1;overflow-y:auto;min-height:200px}.news-layout>.chat-panel{flex:0 0 250px}.news-panel{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.news-card{background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.75rem}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.news-domain{color:#555d80;font-size:.75rem;text-transform:uppercase}.news-time{color:#555d80;font-size:.75rem}.news-title{display:block;color:#b8ff57;text-decoration:none;font-weight:600;font-size:.95rem;margin-bottom:.3rem}.news-title:hover{text-decoration:underline;color:#d0ff8a}.news-summary{color:#8890b5;font-size:.85rem;line-height:1.4}.news-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0;margin-top:.25rem}.news-pagination button{background:#1e2650;color:#b8ff57;border:1px solid #2a3158;padding:.3rem .8rem;border-radius:.4rem;cursor:pointer;font-size:.8rem}.news-pagination button:disabled{color:#555d80;cursor:default;opacity:.5}.news-pagination button:not(:disabled):hover{background:#2a3158}.news-page-info{color:#8890b5;font-size:.8rem}.admin-panel{padding:.5rem;overflow-y:auto}.admin-section{margin-bottom:1.5rem}.admin-section h3{color:#fff;margin-bottom:.75rem;font-size:1rem}.source-list{display:flex;flex-direction:column;gap:.5rem}.source-card{background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.source-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.source-info strong{color:#f0f0f0;font-size:.9rem}.source-url{color:#555d80;font-size:.75rem;word-break:break-all}.source-checked{color:#555d80;font-size:.7rem}.btn-enabled{background:#b8ff57;color:#0a0e27;border:none;padding:.4rem .75rem;border-radius:.4rem;cursor:pointer;flex-shrink:0;font-weight:600}.btn-disabled{background:#1e2650;color:#555d80;border:1px solid #2a3158;padding:.4rem .75rem;border-radius:.4rem;cursor:pointer;flex-shrink:0}.add-source-form{display:flex;flex-direction:column;gap:.5rem}.add-source-form input{background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;outline:none}.add-source-form input:focus{border-color:#b8ff57}.add-source-form button{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;align-self:flex-start;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#050714d9;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:2rem;width:90%;max-width:360px}.modal h2{color:#fff;margin-bottom:1rem;font-size:1.1rem}.modal form{display:flex;gap:.5rem}.modal input{flex:1;background:#0a0e27;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;outline:none}.modal input:focus{border-color:#b8ff57}.modal button{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem 1.25rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600}.admin-panel button{cursor:pointer;font-size:.85rem}.admin-section>button{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600}.admin-section>button:disabled{background:#1e2650;color:#555d80;cursor:not-allowed}.fetch-status{margin-top:.5rem;color:#8890b5;font-size:.85rem}.error{color:#f44336;font-size:.85rem;margin-top:.5rem}.empty-state{color:#555d80;text-align:center;padding:2rem;font-style:italic}.badge{font-size:.65rem;padding:.1rem .4rem;border-radius:.25rem;margin-left:.4rem;font-weight:700;text-transform:uppercase;vertical-align:middle}.badge.admin{background:#b8ff57;color:#0a0e27}.badge.mod{background:#5c7a2e;color:#d0ff8a}.ban-notice{background:#f4433618;border:1px solid #f44336;color:#f44336;padding:.5rem 1rem;border-radius:.5rem;text-align:center;font-size:.85rem;margin-bottom:.5rem}.chat-banned{color:#f44336;text-align:center;padding:.75rem;font-size:.85rem;border-top:1px solid #2a3158}.msg-media{margin-top:.4rem}.msg-media img{max-width:300px;max-height:200px;border-radius:.4rem;cursor:pointer}.msg-media video{max-width:300px;max-height:200px;border-radius:.4rem}.media-preview{position:relative;display:inline-block;padding:.5rem;background:#0d1233;border:1px solid #2a3158;border-radius:.5rem;margin-bottom:.25rem}.media-preview img,.media-preview video{max-width:200px;max-height:150px;border-radius:.4rem;display:block}.btn-remove-media{position:absolute;top:.25rem;right:.25rem;background:#dc3232d9;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-remove-media:hover{background:#dc3232}.media-input-row{display:flex;gap:.5rem;padding:.25rem 0}.media-input-row select{background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.4rem;border-radius:.4rem;font-size:.8rem}.media-url-input{flex:1;background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.4rem .6rem;border-radius:.4rem;font-size:.8rem;outline:none}.media-url-input:focus{border-color:#b8ff57}.news-meta{display:flex;align-items:center;gap:.5rem}.news-posted-by{color:#555d80;font-size:.75rem}.btn-delete-news{background:none;border:1px solid #f44336;color:#f44336;width:1.4rem;height:1.4rem;border-radius:50%;cursor:pointer;font-size:.7rem;line-height:1;display:flex;align-items:center;justify-content:center}.btn-delete-news:hover{background:#f44336;color:#fff}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap}.inline-form input{background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;outline:none;flex:1;min-width:120px}.inline-form input:focus{border-color:#b8ff57}.inline-form button{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;flex-shrink:0;font-weight:600}.admin-textarea{background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;font-family:inherit;outline:none;resize:vertical;width:100%}.admin-textarea:focus{border-color:#b8ff57}.item-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.item-row{background:#141937;border:1px solid #2a3158;border-radius:.4rem;padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.item-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.item-info strong{font-size:.9rem}.item-detail{color:#555d80;font-size:.75rem}.btn-remove{background:#f44336;color:#fff;border:none;padding:.3rem .6rem;border-radius:.3rem;cursor:pointer;font-size:.75rem;flex-shrink:0}.profanity-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.profanity-tag{background:#141937;border:1px solid #2a3158;padding:.25rem .5rem;border-radius:1rem;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.btn-tag-remove{background:none;border:none;color:#f44336;cursor:pointer;font-size:.75rem;padding:0;line-height:1}.btn-tag-remove:hover{color:#ff6b6b}.message.announcement{background:#f443361a;border-left:3px solid #f44336;padding:.5rem .75rem;border-radius:.4rem;font-size:1.05rem;margin:.25rem 0}.announce-icon{flex-shrink:0;font-size:1rem}.message.announcement .msg-sender{color:#ff6b6b}.emoji-picker{background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:.5rem;width:320px;max-height:280px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0006;z-index:50}.emoji-categories{display:flex;gap:.15rem;padding-bottom:.4rem;border-bottom:1px solid #2a3158;margin-bottom:.4rem;overflow-x:auto;flex-shrink:0}.emoji-cat-btn{background:none;border:none;padding:.3rem .4rem;border-radius:.3rem;cursor:pointer;font-size:1.1rem;opacity:.5;transition:all .15s}.emoji-cat-btn:hover{opacity:.8;background:#1e2650}.emoji-cat-btn.active{opacity:1;background:#1e2650}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.15rem;overflow-y:auto;flex:1}.emoji-btn{background:none;border:none;padding:.25rem;border-radius:.3rem;cursor:pointer;font-size:1.25rem;line-height:1;transition:background .1s}.emoji-btn:hover{background:#1e2650}.url-fetch-row{display:flex;gap:.5rem}.url-fetch-row input{background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;outline:none}.url-fetch-row input:focus{border-color:#b8ff57}.btn-fetch-info{background:#1e2650;color:#b8ff57;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0}.btn-fetch-info:hover{background:#2a3158}.btn-fetch-info:disabled{opacity:.5;cursor:not-allowed}.claim-admin-panel{background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.success{color:#b8ff57;font-size:.85rem;margin-top:.5rem}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:#141937;border-top:1px solid #2a3158;padding:.6rem 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.8rem;color:#8890b5;z-index:90}.consent-banner a{color:#b8ff57;text-decoration:none;border-bottom:1px solid rgba(184,255,87,.2)}.consent-banner a:hover{border-color:#b8ff57}.consent-banner button{background:#1e2650;color:#b8ff57;border:1px solid #2a3158;padding:.25rem .75rem;border-radius:.4rem;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap}.consent-banner button:hover{background:#2a3158}.install-prompt{position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%);background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#8890b5;z-index:90;box-shadow:0 4px 20px #00000080;max-width:90%;white-space:nowrap}.install-icon{font-size:1.1rem;flex-shrink:0}.install-text{flex:1;overflow:hidden;text-overflow:ellipsis}.install-btn{background:#b8ff57;color:#0a0e27;border:none;padding:.3rem .75rem;border-radius:.4rem;cursor:pointer;font-weight:600;font-size:.8rem;flex-shrink:0}.install-btn:hover{opacity:.85}.install-dismiss{background:none;border:none;color:#555d80;cursor:pointer;font-size:.9rem;padding:.1rem .3rem;flex-shrink:0}.install-dismiss:hover{color:#f0f0f0}.btn-delete-data{background:none;border:none;color:#555d80;font-size:.7rem;cursor:pointer;padding:.15rem .4rem;transition:color .15s}.btn-delete-data:hover{color:#f44336}.delete-confirm-overlay,.modal-overlay{position:fixed;inset:0;background:#050714d9;display:flex;align-items:center;justify-content:center;z-index:200}.delete-confirm{background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:2rem;width:90%;max-width:360px;text-align:center}.delete-confirm h3{color:#fff;margin-bottom:.75rem;font-size:1rem}.delete-confirm p{color:#8890b5;font-size:.85rem;line-height:1.5;margin-bottom:1.25rem}.delete-confirm-actions{display:flex;gap:.5rem;justify-content:center}.delete-confirm-actions button{padding:.5rem 1.25rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;border:none}.btn-delete-confirm{background:#f44336;color:#fff}.btn-delete-confirm:hover{background:#d32f2f}.btn-delete-cancel{background:#1e2650;color:#8890b5}.btn-delete-cancel:hover{background:#2a3158}.modal-privacy-line{margin-top:.75rem;font-size:.75rem;color:#555d80;text-align:center}.modal-privacy-line a{color:#8890b5;text-decoration:none;border-bottom:1px solid rgba(136,144,181,.2)}.modal-privacy-line a:hover{color:#b8ff57;border-color:#b8ff574d}.room-desc{color:#555d80;font-size:.8rem;flex:1}.btn-delete-room{background:none;border:none;cursor:pointer;font-size:.8rem;opacity:.3;transition:opacity .15s;padding:.1rem .3rem}.btn-delete-room:hover{opacity:.8}.btn-create-room{background:#1e2650!important;color:#555d80!important;border:1px dashed #2a3158!important;font-size:1.1rem!important;padding:.5rem .85rem!important}.btn-create-room:hover{color:#b8ff57!important;border-color:#b8ff57!important}.create-room-modal form{display:flex;flex-direction:column;gap:.5rem}.create-room-modal input{background:#0a0e27;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;outline:none;width:100%}.create-room-modal input:focus{border-color:#b8ff57}.msg-context-menu{background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.25rem;z-index:100;box-shadow:0 4px 16px #00000080;min-width:160px}.msg-context-menu button{background:none;border:none;color:#f0f0f0;padding:.4rem .75rem;width:100%;text-align:left;cursor:pointer;font-size:.85rem;border-radius:.3rem;display:block}.msg-context-menu button:hover{background:#1e2650}.msg-context-menu button.ctx-ban{color:#f44336}.msg-context-menu button.ctx-ban:hover{background:#f4433626}.msg-wrapper{display:flex;flex-direction:column}.msg-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.15rem;padding-left:3.5rem;min-height:0}.reaction-badge{display:inline-flex;align-items:center;gap:.2rem;background:#141937;border:1px solid #2a3158;border-radius:1rem;padding:.1rem .45rem;font-size:.75rem;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.reaction-badge:hover{background:#1e2650;border-color:#3b4580}.reaction-badge.active{border-color:#b8ff57;background:#b8ff571a}.reaction-badge .reaction-emoji{font-size:.85rem;line-height:1}.reaction-badge .reaction-count{color:#8890b5;font-size:.7rem;font-weight:600}.reaction-badge.active .reaction-count{color:#b8ff57}.reaction-picker-anchor{position:relative}.btn-add-reaction{background:none;border:1px dashed #2a3158;color:#555d80;border-radius:1rem;padding:.1rem .45rem;font-size:.75rem;cursor:pointer;transition:all .15s;line-height:1}.btn-add-reaction:hover{border-color:#b8ff57;color:#b8ff57}.reaction-mini-picker{position:absolute;bottom:100%;left:0;background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.25rem;display:flex;gap:.1rem;box-shadow:0 4px 16px #00000080;z-index:60;margin-bottom:.25rem}.reaction-pick-btn{background:none;border:none;padding:.25rem;border-radius:.3rem;cursor:pointer;font-size:1.15rem;line-height:1;transition:background .1s}.reaction-pick-btn:hover{background:#1e2650}.pinned-banner{display:flex;align-items:center;gap:.5rem;background:#b8ff5714;border-left:3px solid #b8ff57;padding:.4rem .75rem;border-radius:.4rem;font-size:.85rem;margin-bottom:.25rem;flex-shrink:0}.pinned-banner .pin-icon{flex-shrink:0}.pinned-banner .pin-sender{color:#b8ff57;font-weight:600;flex-shrink:0}.pinned-banner .pin-text{color:#8890b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pinned-banner .pin-close{background:none;border:none;color:#555d80;cursor:pointer;font-size:1rem;padding:0 .25rem;flex-shrink:0}.pinned-banner .pin-close:hover{color:#f44336}.message.msg-banned{opacity:.4;border-left:2px solid #f44336;padding-left:.5rem}.msg-avatar{width:20px;height:20px;image-rendering:pixelated;vertical-align:middle;margin-right:.15rem;flex-shrink:0}.msg-sender{cursor:pointer}.msg-sender:hover{text-decoration:underline}.header-avatar{width:28px;height:28px;image-rendering:pixelated;vertical-align:middle;margin-right:.15rem;border-radius:50%;background:#0e122d99}.btn-edit-profile{background:none;border:none;color:#555d80;font-size:.85rem;cursor:pointer;padding:.15rem .4rem;transition:color .15s;flex-shrink:0}.btn-edit-profile:hover{color:#b8ff57}.avatar-prompt{background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#8890b5}.avatar-prompt button{background:#b8ff57;color:#0a0e27;border:none;padding:.3rem .75rem;border-radius:.4rem;cursor:pointer;font-weight:600;font-size:.8rem;flex-shrink:0}.btn-avatar-dismiss{background:none!important;color:#555d80!important;font-size:.9rem!important;padding:.2rem!important;margin-left:auto}.btn-avatar-dismiss:hover{color:#f0f0f0!important}.avatar-picker-overlay{position:fixed;inset:0;background:#050714d9;display:flex;align-items:center;justify-content:center;z-index:150}.avatar-picker{background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:1.25rem;width:90%;max-width:480px;max-height:85vh;overflow-y:auto}.avatar-picker h3{color:#fff;margin-bottom:.75rem;font-size:1.05rem}.avatar-search{width:100%;background:#0a0e27;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;outline:none;margin-bottom:.75rem}.avatar-search:focus{border-color:#b8ff57}.avatar-featured{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.5rem;scrollbar-width:thin}.avatar-gen-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.avatar-gen-tabs button{background:#0a0e27;color:#8890b5;border:1px solid #2a3158;padding:.25rem .5rem;border-radius:.4rem;cursor:pointer;font-size:.75rem}.avatar-gen-tabs button.active{background:#b8ff57;color:#0a0e27;border-color:#b8ff57;font-weight:600}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.2rem;max-height:260px;overflow-y:auto;padding:.2rem;scrollbar-width:thin}.avatar-grid-item{width:48px;height:48px;border:2px solid transparent;border-radius:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;background:#0a0e27;padding:0}.avatar-grid-item:hover{border-color:#b8ff57;background:#1e2650}.avatar-grid-item.selected{border-color:#b8ff57;background:#1e265080}.avatar-grid-item img{width:40px;height:40px;image-rendering:pixelated}.avatar-no-results{grid-column:1 / -1;color:#555d80;font-size:.85rem;text-align:center;padding:1rem}.avatar-preview{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem;background:#0a0e27;border-radius:.5rem;border:1px solid #2a3158}.avatar-preview img{width:80px;height:80px;image-rendering:auto}.avatar-preview-info{color:#b8ff57;font-weight:600}.avatar-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-avatar-confirm{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.9rem}.btn-avatar-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-avatar-clear{background:#1e2650;color:#8890b5;border:1px solid #2a3158;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem}.btn-avatar-clear:hover{background:#2a3158}.btn-avatar-cancel{background:none;color:#555d80;border:none;padding:.5rem .75rem;cursor:pointer;font-size:.9rem;margin-left:auto}.btn-avatar-cancel:hover{color:#f0f0f0}.profile-card-overlay{position:fixed;inset:0;z-index:120}.profile-card{position:fixed;background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:1rem;width:220px;box-shadow:0 4px 20px #00000080;z-index:121;text-align:center}.profile-card-avatar{width:80px;height:80px;margin:0 auto .5rem;display:block}.profile-card-no-avatar{background:#0a0e27;border:1px solid #2a3158;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555d80;font-size:2rem;font-weight:600}.profile-card-name{color:#fff;font-weight:600;font-size:1rem;margin-bottom:.25rem}.profile-card-pokemon{color:#b8ff57;font-size:.8rem;margin-bottom:.25rem}.profile-card-bio{color:#8890b5;font-size:.8rem;margin-top:.5rem;line-height:1.4}.edit-profile-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-profile-modal{background:#141937;border:1px solid #2a3158;border-radius:12px;padding:1.5rem;width:100%;max-width:380px;color:#f0f0f0}.edit-profile-modal h3{font-size:1.1rem;margin-bottom:1.2rem;text-align:center}.edit-profile-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:.75rem;background:#0a0e27;border-radius:10px;border:1px solid #2a3158}.edit-profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:contain;background:#1a2040;flex-shrink:0}.edit-profile-no-avatar{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#555d80;border:2px dashed #2a3158}.edit-profile-avatar-info{display:flex;flex-direction:column;gap:.4rem}.edit-profile-pokemon-name{font-weight:600;font-size:.95rem}.btn-change-avatar{background:#2a3158;border:1px solid #3b4580;color:#b8ff57;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-change-avatar:hover{background:#3b4580}.edit-profile-bio-section{margin-bottom:1.2rem}.edit-profile-bio-section label{display:block;font-size:.85rem;font-weight:600;color:#8890b5;margin-bottom:.35rem}.edit-profile-bio-section textarea{width:100%;padding:.6rem .75rem;background:#0a0e27;border:1px solid #2a3158;border-radius:8px;color:#f0f0f0;font-size:.85rem;font-family:inherit;resize:vertical;min-height:60px;outline:none;transition:border-color .2s}.edit-profile-bio-section textarea:focus{border-color:#b8ff57}.edit-profile-bio-section textarea::placeholder{color:#555d80}.edit-profile-bio-count{text-align:right;font-size:.7rem;color:#555d80;margin-top:.25rem}.edit-profile-actions{display:flex;gap:.5rem;justify-content:center}.btn-edit-save{padding:.5rem 1.5rem;background:#b8ff57;color:#0a0e27;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .15s}.btn-edit-save:hover{opacity:.85}.btn-edit-cancel{padding:.5rem 1.5rem;background:#1e2650;color:#8890b5;border:1px solid #2a3158;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s}.btn-edit-cancel:hover{background:#2a3158}.account-panel{margin-bottom:1.2rem;border:1px solid #2a3158;border-radius:10px;background:#0a0e27;overflow:hidden}.account-panel-header{font-size:.8rem;font-weight:700;color:#8890b5;text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem .4rem;border-bottom:1px solid #1a2040}.account-section{padding:.6rem .75rem;border-bottom:1px solid #1a2040}.account-section:last-child{border-bottom:none}.account-section-label{font-size:.75rem;font-weight:600;color:#555d80;margin-bottom:.35rem}.account-linked{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#b0b8d4}.account-linked-icon{font-size:.85rem}.btn-account-action{display:inline-flex;align-items:center;gap:.35rem;background:#1e2650;border:1px solid #2a3158;color:#b8ff57;padding:.35rem .7rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-account-action:hover{background:#2a3158}.btn-account-action:disabled{opacity:.5;cursor:not-allowed}.btn-discord{color:#fff;background:#5865f2;border-color:#4752c4}.btn-discord:hover{background:#4752c4}.btn-account-small{background:#1e2650;border:1px solid #2a3158;color:#8890b5;padding:.25rem .5rem;border-radius:5px;font-size:.72rem;font-weight:600;cursor:pointer;margin-left:auto}.btn-account-small:hover{background:#2a3158;color:#f0f0f0}.btn-account-small:disabled{opacity:.5;cursor:not-allowed}.passphrase-display{margin-top:.35rem}.passphrase-text{font-family:Courier New,monospace;font-size:.9rem;font-weight:700;color:#f5c542;background:#141937;border:1px dashed #f5c542;border-radius:6px;padding:.5rem .6rem;text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all}.passphrase-hint{font-size:.7rem;color:#8890b5;margin-top:.3rem;text-align:center}.passphrase-actions{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;justify-content:center}.passphrase-saved{font-size:.78rem;color:#4ade80;font-weight:600}.account-recover-row{display:flex;gap:.35rem;align-items:center}.account-recover-input{flex:1;background:#141937;border:1px solid #2a3158;color:#f0f0f0;padding:.35rem .5rem;border-radius:6px;font-size:.78rem;font-family:Courier New,monospace;outline:none}.account-recover-input:focus{border-color:#b8ff57}.account-recover-input::placeholder{color:#555d80}.account-error{font-size:.72rem;color:#f44336;margin-top:.3rem}.chat-toolbar{display:flex;gap:.35rem;padding:.25rem .5rem;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#b8ff57;color:#0a0e27;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s;padding:0}.toolbar-btn:hover{background:#d4ff8f;transform:translateY(-1px)}.toolbar-btn.active{background:#9de63f;box-shadow:0 0 10px #b8ff5766}.toolbar-btn.btn-announce.active{background:#f44336;color:#fff;box-shadow:0 0 10px #f4433666}.toolbar-btn svg{flex-shrink:0}.watching-count{display:inline-flex;align-items:center;gap:.3rem;background:#b8ff571f;color:#b8ff57;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:1rem;border:1px solid rgba(184,255,87,.25)}.watching-icon{width:14px;height:14px;vertical-align:middle;image-rendering:pixelated}.slow-mode-badge{background:#ff98001f;color:#ff9800;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:1rem;border:1px solid rgba(255,152,0,.25)}.slow-mode-control{position:relative;margin-left:auto}.btn-slow-mode-toggle{background:none;border:1px solid #2a3158;color:#8890b5;padding:.15rem .4rem;border-radius:.4rem;cursor:pointer;font-size:.85rem;line-height:1;transition:all .15s}.btn-slow-mode-toggle:hover{border-color:#b8ff57;color:#b8ff57}.slow-mode-menu{position:absolute;top:100%;right:0;background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.25rem;display:flex;flex-direction:column;gap:.1rem;z-index:50;box-shadow:0 4px 16px #00000080;min-width:80px}.slow-mode-menu button{background:none;border:none;color:#8890b5;padding:.35rem .5rem;border-radius:.3rem;cursor:pointer;font-size:.8rem;text-align:left;transition:all .1s}.slow-mode-menu button:hover{background:#1e2650;color:#f0f0f0}.slow-mode-menu button.active{color:#b8ff57;background:#b8ff571a}.poll-widget{background:#141937;border:1px solid #2a3158;border-left:3px solid #b8ff57;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;flex-shrink:0}.poll-widget.poll-closed{opacity:.6;border-left-color:#555d80}.poll-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.poll-icon{font-size:1rem;flex-shrink:0}.poll-question{font-weight:600;color:#fff;font-size:.9rem;flex:1}.poll-timer{background:#ff980026;color:#ff9800;font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:.75rem;border:1px solid rgba(255,152,0,.3);flex-shrink:0}.poll-status-badge{background:#555d8033;color:#8890b5;font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:.75rem;flex-shrink:0}.poll-options{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.poll-option{position:relative;background:#0a0e27;border:1px solid #2a3158;border-radius:.4rem;padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;overflow:hidden;transition:border-color .15s;color:#f0f0f0;font-size:.85rem;text-align:left;width:100%}.poll-option:hover:not(:disabled){border-color:#b8ff57}.poll-option:disabled{cursor:default}.poll-option.poll-voted{border-color:#b8ff57}.poll-bar{position:absolute;left:0;top:0;bottom:0;background:#b8ff571f;transition:width .4s ease;border-radius:.4rem 0 0 .4rem}.poll-voted .poll-bar{background:#b8ff5733}.poll-option-text{position:relative;z-index:1;flex:1}.poll-option-pct{position:relative;z-index:1;color:#8890b5;font-size:.8rem;font-weight:600;flex-shrink:0;margin-left:.5rem}.poll-voted .poll-option-pct{color:#b8ff57}.poll-footer{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#555d80}.poll-vote-count{color:#8890b5}.poll-author{flex:1}.poll-close-btn{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.2rem .5rem;border-radius:.3rem;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .15s}.poll-close-btn:hover{background:#f4433640}.poll-create-modal{background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:1.5rem;width:90%;max-width:400px}.poll-create-modal h3{color:#fff;margin-bottom:1rem;font-size:1.05rem}.poll-create-modal form{display:flex;flex-direction:column;gap:.75rem}.poll-create-modal input[type=text]{background:#0a0e27;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;outline:none;width:100%}.poll-create-modal input[type=text]:focus{border-color:#b8ff57}.poll-create-modal select{background:#0a0e27;color:#f0f0f0;border:1px solid #2a3158;padding:.5rem;border-radius:.5rem;font-size:.85rem}.poll-options-edit{display:flex;flex-direction:column;gap:.3rem}.poll-option-row{display:flex;gap:.3rem;align-items:center}.poll-option-row input{flex:1}.poll-opt-remove{background:none;border:1px solid #2a3158;color:#f44336;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.poll-opt-remove:hover{background:#f4433626;border-color:#f44336}.poll-add-opt{background:none;border:1px dashed #2a3158;color:#555d80;padding:.35rem;border-radius:.4rem;cursor:pointer;font-size:.8rem;transition:all .15s}.poll-add-opt:hover{border-color:#b8ff57;color:#b8ff57}.poll-create-actions{display:flex;gap:.5rem}.poll-create-actions button[type=submit]{background:#b8ff57;color:#0a0e27;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.9rem}.poll-cancel{background:#1e2650;color:#8890b5;border:1px solid #2a3158;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem}.poll-cancel:hover{background:#2a3158}.sticker-picker{background:#141937;border:1px solid #2a3158;border-radius:.75rem;padding:.5rem;width:340px;max-height:320px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0006;z-index:50}.sticker-tabs{display:flex;gap:.15rem;padding-bottom:.4rem;border-bottom:1px solid #2a3158;margin-bottom:.4rem;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.sticker-tabs::-webkit-scrollbar{display:none}.sticker-tabs button{background:none;border:none;padding:.3rem .5rem;border-radius:.3rem;cursor:pointer;font-size:.75rem;color:#8890b5;text-transform:capitalize;transition:all .15s;white-space:nowrap}.sticker-tabs button:hover{background:#1e2650;color:#f0f0f0}.sticker-tabs button.active{background:#1e2650;color:#b8ff57;font-weight:600}.sticker-close{margin-left:auto;color:#555d80!important}.sticker-close:hover{color:#f0f0f0!important}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;overflow-y:auto;flex:1;padding:.2rem}.sticker-item{background:none;border:2px solid transparent;border-radius:.4rem;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.sticker-item:hover{border-color:#b8ff57;background:#1e2650}.sticker-item img{width:64px;height:64px;object-fit:contain}.msg-sticker{vertical-align:middle;margin-left:.25rem;flex-shrink:0}.watch-party-pip{position:fixed;bottom:5rem;right:1rem;width:320px;background:#0d1233;border:1px solid #2a3158;border-radius:.6rem;overflow:hidden;z-index:80;box-shadow:0 6px 28px #0009;cursor:grab;-webkit-user-select:none;user-select:none;transition:width .2s,box-shadow .2s}.watch-party-pip:active{cursor:grabbing}.watch-party-pip.watch-party-mini{width:200px}.watch-party-hidden-pill{width:auto!important;background:#141937;border-radius:2rem;padding:0;box-shadow:0 4px 16px #00000080;cursor:grab}.watch-party-hidden-pill:active{cursor:grabbing}.watch-party-restore{background:#b8ff57;color:#0a0e27;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.watch-party-restore:hover{transform:scale(1.1)}.watch-party-audio-only{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:none}.watch-party-header{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;background:#0a0e27;border-bottom:1px solid #2a3158;cursor:grab}.watch-party-label{display:flex;align-items:center;gap:.3rem;color:#b8ff57;font-size:.7rem;font-weight:600}.watch-party-label svg{flex-shrink:0}.watch-party-now-playing{font-size:.7rem;color:#8890b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.watch-party-elapsed{margin-left:.4rem;color:#b8ff57;font-variant-numeric:tabular-nums;font-family:monospace;font-size:.65rem}.watch-party-controls{display:flex;align-items:center;gap:.2rem}.watch-party-ctrl-btn{background:none;border:1px solid #2a3158;color:#8890b5;width:22px;height:22px;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .15s;padding:0;line-height:1}.watch-party-ctrl-btn:hover{border-color:#b8ff57;color:#b8ff57}.watch-party-url-bar{display:flex;gap:.25rem;padding:.35rem .5rem;border-bottom:1px solid #2a3158}.watch-party-url-bar input{flex:1;background:#141937;color:#f0f0f0;border:1px solid #2a3158;padding:.25rem .5rem;border-radius:.3rem;font-size:.75rem;outline:none;min-width:0}.watch-party-url-bar input:focus{border-color:#b8ff57}.watch-party-url-bar button{background:#b8ff57;color:#0a0e27;border:none;padding:.25rem .5rem;border-radius:.3rem;cursor:pointer;font-size:.7rem;font-weight:600;flex-shrink:0}.watch-party-url-bar button:disabled{opacity:.5;cursor:not-allowed}.watch-party-clear{background:#1e2650!important;color:#f44336!important;border:1px solid #2a3158!important}.watch-party-embed{position:relative;width:100%;padding-top:56.25%}.watch-party-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.watch-party-empty{color:#555d80;font-size:.75rem;text-align:center;padding:.5rem;font-style:italic}@media(max-width:600px){.watch-party-pip{width:calc(100vw - 2rem);right:1rem;bottom:4rem}.watch-party-pip.watch-party-mini{width:160px}}.btn-sound-toggle{background:none;border:1px solid #2a3158;color:#555d80;width:30px;height:30px;border-radius:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s;flex-shrink:0}.btn-sound-toggle:hover{border-color:#b8ff57;color:#b8ff57}.btn-sound-toggle.active{border-color:#b8ff57;color:#b8ff57;background:#b8ff571a}.reply-parent-preview{display:flex;align-items:center;gap:.35rem;padding:.15rem .5rem .15rem .75rem;font-size:.75rem;color:#8a8faa;cursor:pointer;margin-bottom:-2px}.reply-parent-preview .reply-line{width:2px;height:14px;background:#4a5080;border-radius:1px;flex-shrink:0}.reply-parent-preview .reply-parent-sender{font-weight:600;color:#b8ff57;white-space:nowrap}.reply-parent-preview .reply-parent-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.reply-parent-preview.reply-deleted{opacity:.5;font-style:italic}.reply-bar{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#141937;border-left:3px solid #b8ff57;border-radius:.3rem;margin:.25rem .5rem;font-size:.8rem}.reply-bar-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.reply-bar-label{color:#8a8faa;font-size:.7rem}.reply-bar-label strong{color:#b8ff57}.reply-bar-text{color:#c8c8d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar-close{background:none;border:none;color:#8a8faa;cursor:pointer;font-size:.9rem;padding:0 .25rem;line-height:1}.reply-bar-close:hover{color:#f0f0f0}.toolbar-btn.btn-moment.active{background:gold;color:#0a0e27;box-shadow:0 0 12px #ffd70080}.moment-divider{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;animation:momentAppear .6s ease-out}.moment-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.moment-content{display:flex;align-items:center;gap:.4rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:2rem;padding:.35rem 1rem;white-space:nowrap}.moment-icon{font-size:1rem;line-height:1}.moment-text{color:gold;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.moment-time{color:#998200;font-size:.7rem;font-weight:400}@keyframes momentAppear{0%{opacity:0;transform:scaleX(.3)}50%{opacity:1;transform:scaleX(1.02)}to{transform:scaleX(1)}}.moment-divider:last-of-type .moment-content{animation:momentGlow 2s ease-in-out}@keyframes momentGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 16px #ffd70066}}.moments-trigger{position:relative;margin-left:auto}.btn-moments{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.25);border-radius:1rem;padding:.15rem .6rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-moments:hover,.btn-moments.active{background:#ffd70033;border-color:#ffd70080}.moments-panel{position:absolute;top:100%;right:0;margin-top:.3rem;background:#141937;border:1px solid #2a3158;border-radius:.5rem;padding:.25rem;min-width:220px;max-height:200px;overflow-y:auto;z-index:80;box-shadow:0 4px 16px #00000080}.moment-entry{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:none;border:none;color:#f0f0f0;padding:.4rem .6rem;width:100%;text-align:left;cursor:pointer;font-size:.8rem;border-radius:.3rem;transition:background .1s}.moment-entry:hover{background:#1e2650}.moment-entry-text{color:gold;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.moment-entry-time{color:#555d80;font-size:.7rem;flex-shrink:0}.moment-delete-btn{background:none;border:none;color:#555d80;cursor:pointer;font-size:.7rem;padding:.1rem .3rem;border-radius:.25rem;opacity:0;transition:opacity .15s,color .15s;margin-left:.25rem}.moment-divider:hover .moment-delete-btn{opacity:1}.moment-delete-btn:hover{color:#ff4757;background:#ff47571a}.moment-entry-row{display:flex;align-items:center}.moment-entry-row .moment-entry{flex:1;min-width:0}.moment-entry-delete{background:none;border:none;color:#555d80;cursor:pointer;font-size:.65rem;padding:.2rem .4rem;border-radius:.25rem;flex-shrink:0;transition:color .15s,background .15s}.moment-entry-delete:hover{color:#ff4757;background:#ff47571a}.nav-leaderboard{display:inline-flex;align-items:center;gap:.25rem}.nav-leaderboard svg{vertical-align:middle}.leaderboard-panel{display:flex;flex-direction:column;height:100%;background:#0d1230;border-radius:.5rem;overflow:hidden}.lb-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .5rem}.lb-header h2{margin:0;font-size:1rem;font-weight:700;color:#f0f0f0}.lb-trophy-icon{color:gold}.lb-tabs{display:flex;gap:0;padding:0 .75rem;border-bottom:1px solid #1e2650}.lb-tabs button{flex:1;padding:.5rem .25rem;background:none;border:none;border-bottom:2px solid transparent;color:#8890b5;font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.lb-tabs button:hover{color:#c0c8e8}.lb-tabs button.active{color:#b8ff57;border-bottom-color:#b8ff57}.lb-list{flex:1;overflow-y:auto;padding:.5rem}.lb-empty{color:#555d80;text-align:center;font-size:.8rem;padding:2rem 0}.lb-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.4rem;transition:background .15s}.lb-row:hover{background:#ffffff08}.lb-row.current-user{background:#b8ff570f;border:1px solid rgba(184,255,87,.15)}.lb-row.top-1 .lb-rank-num{font-size:1rem}.lb-row.top-2 .lb-rank-num{font-size:.95rem}.lb-row.top-3 .lb-rank-num{font-size:.9rem}.lb-rank-num{width:2rem;text-align:center;font-weight:700;font-size:.75rem;color:#8890b5;flex-shrink:0}.lb-rank-icon{width:18px;height:18px;border-radius:50%;position:relative;overflow:hidden;flex-shrink:0;border:1.5px solid #333}.pokeball-top,.pokeball-bottom{position:absolute;left:0;right:0;height:50%}.pokeball-top{top:0;border-radius:9px 9px 0 0}.pokeball-bottom{bottom:0;border-radius:0 0 9px 9px}.pokeball-band{position:absolute;top:50%;left:0;right:0;height:2.5px;background:#333;transform:translateY(-50%);z-index:2}.pokeball-button{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fff;border:1.5px solid #333;transform:translate(-50%,-50%);z-index:3}.pokeball-rank .pokeball-top{background:#ff1a1a}.pokeball-rank .pokeball-bottom{background:#f0f0f0}.greatball-rank .pokeball-top{background:#3b82f6}.greatball-rank .pokeball-bottom{background:#ef4444}.ultraball-rank .pokeball-top{background:#1a1a2e}.ultraball-rank .pokeball-bottom{background:#fbbf24}.masterball-rank .pokeball-top{background:#a855f7}.masterball-rank .pokeball-bottom{background:#ec4899}.lb-avatar{width:24px;height:24px;border-radius:50%;image-rendering:pixelated;flex-shrink:0}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#e0e4f0;font-weight:500}.lb-level{font-size:.65rem;font-weight:700;color:#b8ff57;background:#b8ff571a;padding:.1rem .35rem;border-radius:.25rem;flex-shrink:0}.lb-xp{font-size:.7rem;color:#8890b5;font-weight:600;flex-shrink:0;min-width:4rem;text-align:right}.lb-reset-btn{background:none;border:none;color:#555;font-size:.85rem;cursor:pointer;padding:0 .3rem;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.lb-row:hover .lb-reset-btn{opacity:1}.lb-reset-btn:hover{color:#f44}.lb-user-footer{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-top:1px solid #1e2650;background:#0a0e27}.lb-footer-rank{font-weight:700;font-size:.8rem;color:gold;min-width:2rem}.lb-footer-level{font-size:.75rem;font-weight:700;color:#b8ff57}.lb-footer-progress{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.lb-footer-bar{height:6px;background:#1e2650;border-radius:3px;overflow:hidden}.lb-footer-fill{height:100%;background:linear-gradient(90deg,#b8ff57,#7dff2a);border-radius:3px;transition:width .3s ease}.lb-footer-xp-text{font-size:.6rem;color:#6b74a0;text-align:right}.level-badge{font-size:.55rem;font-weight:700;padding:.05rem .3rem;border-radius:.2rem}.pokeball-rank-badge{background:#ff1a1a26;color:#ff6b6b}.greatball-rank-badge{background:#3b82f626;color:#60a5fa}.ultraball-rank-badge{background:#fbbf2426;color:#fbbf24}.masterball-rank-badge{background:#a855f726;color:#c084fc}.site-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#555b7a}.footer-links{display:flex;align-items:center;gap:.5rem}.site-footer a{color:#6b74a0;text-decoration:none}.site-footer a:hover{color:#b8ff57}.footer-dot{color:#3a4170}.footer-credit{color:#555b7a}.countdown-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.3rem .75rem;background:linear-gradient(90deg,#1a1f4e,#2a1f5e,#1a1f4e);border:1px solid #3b4595;border-radius:6px;font-size:.8rem;flex-shrink:0;animation:bannerGlow 3s ease-in-out infinite}.countdown-banner.countdown-live{background:linear-gradient(90deg,#1a0e0e,#2d1212,#1a0e0e);border-color:#f44;animation:liveGlow 1.5s ease-in-out infinite}@keyframes bannerGlow{0%,to{box-shadow:0 0 8px #6366f133}50%{box-shadow:0 0 16px #6366f166}}@keyframes liveGlow{0%,to{box-shadow:0 0 8px #ff44444d}50%{box-shadow:0 0 20px #ff444480}}.countdown-title{font-weight:600;color:#c4b5fd}.countdown-live .countdown-title{color:#fca5a5}.countdown-timer{color:#a5b4fc}.countdown-timer strong{color:#e0e7ff;font-variant-numeric:tabular-nums;font-family:monospace;letter-spacing:.05em}.live-badge{display:inline-flex;align-items:center;gap:.4rem;color:#f44;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em}.live-dot{width:8px;height:8px;border-radius:50%;background:#f44;animation:livePulse 1s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-20px;animation:confettiFall 3.5s ease-in forwards}.confetti-shape-0{border-radius:2px}.confetti-shape-1{border-radius:50%}.confetti-shape-2{border-radius:1px}@keyframes confettiFall{0%{top:-20px;opacity:1;transform:rotate(0) translate(0)}25%{opacity:1;transform:rotate(180deg) translate(20px)}50%{opacity:.9;transform:rotate(360deg) translate(-15px)}75%{opacity:.6;transform:rotate(540deg) translate(10px)}to{top:110vh;opacity:0;transform:rotate(720deg) translate(-5px)}}.xp-toast{position:fixed;bottom:80px;right:24px;background:#0a0e27eb;color:#b8ff57;font-weight:700;font-size:1.1rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(184,255,87,.3);box-shadow:0 4px 16px #0006;z-index:9998;pointer-events:none;animation:xpToastIn .3s ease-out,xpToastOut .5s ease-in 2.5s forwards}@keyframes xpToastIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes xpToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.app.theater-mode{max-width:100%;padding:0}.app.theater-mode header{padding:.4rem 1rem;border-radius:0}.app.theater-mode .countdown-banner{display:none}.app.theater-mode nav{padding:0 1rem;gap:.3rem}.app.theater-mode main{flex:1;overflow:hidden}.theater-layout{display:flex;height:100%;gap:0}.theater-video{flex:0 0 60%;background:#000;display:flex;align-items:center;justify-content:center}.theater-video iframe{width:100%;height:100%;border:none}.theater-chat{flex:1;display:flex;flex-direction:column;border-left:1px solid #2a3158;overflow:hidden}.theater-chat .chat-panel{height:100%}.app.theater-mode .watch-party-pip{display:none}.btn-theater-toggle{background:none;border:1px solid #3b4595;color:#8890b5;padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;white-space:nowrap}.btn-theater-toggle:hover,.btn-theater-toggle.active{color:#b8ff57;border-color:#b8ff57}.hype-bar{display:flex;gap:.25rem;padding:.3rem .5rem;background:linear-gradient(90deg,#8b5cf61a,#3b82f61a);border-top:1px solid #2a3158;overflow-x:auto;scrollbar-width:none}.hype-bar::-webkit-scrollbar{display:none}.hype-btn{flex-shrink:0;padding:.25rem .5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;cursor:pointer;font-size:1.1rem;transition:transform .1s,background .15s;color:#fff}.hype-btn:hover{background:#ffffff1f;transform:scale(1.15)}.hype-btn:active{transform:scale(.95)}.hype-btn.hype-special{background:linear-gradient(135deg,#a855f74d,#ec48994d);border-color:#a855f766;font-size:.8rem;font-weight:600}.room-viewer-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#8b5cf64d;color:#c4b5fd;font-size:.65rem;font-weight:600;margin-left:.3rem;vertical-align:middle}.room-video-badge{display:inline-block;color:#ef4444;font-size:.6rem;margin-right:.25rem;animation:room-video-pulse 2s ease-in-out infinite}@keyframes room-video-pulse{0%,to{opacity:1}50%{opacity:.4}}.char-counter{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#555d80;pointer-events:none;font-variant-numeric:tabular-nums}.char-counter.warn{color:#ef4444}.spoiler{background:#3a4170;color:transparent;border-radius:3px;padding:0 .2em;cursor:pointer;transition:color .2s,background .2s;-webkit-user-select:none;user-select:none}.spoiler.revealed{background:#3a41704d;color:inherit;-webkit-user-select:auto;user-select:auto}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:.25rem;flex-shrink:0}.event-controls{margin-top:1rem;padding:1rem;border:1px solid #2a3158;border-radius:8px;background:#10164080}.event-controls h4{color:#b8ff57;margin-bottom:.75rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.event-controls .inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.event-controls input{padding:.35rem .5rem;border-radius:4px;border:1px solid #2a3158;background:#0d1233;color:#e0e7ff;font-size:.85rem}.event-controls button{padding:.35rem .75rem;border-radius:4px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-size:.85rem}.event-controls button:hover{background:#2563eb}.event-controls button.btn-celebrate{background:linear-gradient(135deg,#a855f7,#ec4899)}.event-controls button.btn-celebrate:hover{background:linear-gradient(135deg,#9333ea,#db2777)}.event-controls .event-status{font-size:.8rem;color:#8890b5;margin-top:.5rem}.poll-collapsed{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#10164080;border:1px solid #2a3158;border-radius:6px;font-size:.8rem;color:#8890b5;cursor:pointer;margin-bottom:.5rem}.poll-collapsed:hover{border-color:#3b4595}.poll-collapsed-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-collapsed-expand{color:#6670a0;font-size:.7rem}.prediction-templates{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem}.prediction-label{font-size:.75rem;color:#6670a0;margin-right:.25rem}.prediction-template-btn{padding:.3rem .6rem;border-radius:999px;border:1px solid #3b4595;background:#3b82f61a;color:#a5b4fc;font-size:.75rem;cursor:pointer;transition:all .15s}.prediction-template-btn:hover{background:#3b82f633;border-color:#6366f1;color:#e0e7ff}.lb-xp-info-toggle{display:block;width:100%;background:none;border:none;color:#6670a0;font-size:.75rem;padding:.3rem 0;cursor:pointer;text-align:left}.lb-xp-info-toggle:hover{color:#b8ff57}.xp-info-section{padding:.6rem .75rem;background:#10164066;border:1px solid #2a3158;border-radius:6px;margin-bottom:.5rem;font-size:.8rem;color:#8890b5}.xp-info-row{display:flex;justify-content:space-between;padding:.15rem 0}.xp-info-row span:last-child{color:#b8ff57;font-weight:600}.xp-info-divider{height:1px;background:#2a3158;margin:.3rem 0}.xp-info-note{font-size:.7rem;color:#555d80}.msg-reactions:not(.has-reactions){height:0;overflow:hidden;opacity:0;margin:0;padding:0;transition:opacity .15s,height .15s}.msg-wrapper:hover .msg-reactions:not(.has-reactions){height:auto;overflow:visible;opacity:1;margin-top:.15rem}@media(hover:none){.msg-reactions:not(.has-reactions){height:auto;overflow:visible;opacity:1;margin-top:.15rem}}.btn-delete-data-profile{display:block;margin:1rem auto 0;background:none;border:none;color:#555d80;font-size:.72rem;cursor:pointer;padding:.25rem .5rem;transition:color .15s}.btn-delete-data-profile:hover{color:#f44336}.room-info-features{display:flex;align-items:center;gap:.4rem;padding:.15rem .5rem;min-height:0;flex-shrink:0}@media(max-width:768px){.app{padding:0 .5rem}header{gap:.4rem}nav{gap:.15rem}nav button{padding:.3rem .5rem;font-size:.75rem}}.header-avatar{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle}