*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:relative;width:100%;height:100vh}#stage{position:relative;width:100%;height:100%;overflow:hidden}mux-player{width:100%;height:100%;--media-object-fit: contain}.screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat}.screen.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000080,#000000bf);z-index:0}.screen>*{position:relative;z-index:1}.screen h1{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.screen p{font-size:clamp(1rem,1.5vw,1.25rem);color:#ddd;max-width:40ch;text-shadow:0 1px 4px rgba(0,0,0,.6)}.screen.error p{color:#ff8a80}.screen.loading p{color:#666}#chat-toggle{position:absolute;top:.75rem;right:.75rem;z-index:20;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:.4rem}#chat-toggle:hover{background:#000c}#chat-toggle #chat-count{background:#ff5722;color:#fff;font-size:.72rem;padding:.05rem .45rem;border-radius:999px;font-weight:700}#chat-toggle[hidden]{display:none}#chat{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:45%;display:flex;flex-direction:column;background:#0f0f0fc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:1px solid rgba(255,255,255,.08);z-index:10}#chat[hidden]{display:none}#chat-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.85rem}#chat-title{font-weight:600;color:#eee}#chat-count-inline{color:#888;font-size:.78rem}#chat-change-name{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:1px solid transparent;color:#ccc;cursor:pointer;padding:.2rem .5rem;border-radius:4px;font:inherit;font-size:.78rem;max-width:160px;overflow:hidden}#chat-change-name:hover{background:#ffffff0f;border-color:#ffffff1a}#chat-own-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#eee;max-width:110px}.chat-edit-icon{opacity:.55;font-size:.78rem}#chat-close{background:transparent;color:#aaa;border:0;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .3rem}#chat-close:hover{color:#fff}#chat-messages{flex:1;list-style:none;overflow-y:auto;overflow-x:hidden;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-track{background:transparent}#chat-messages::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}#chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff52}.chat-msg{display:grid;grid-template-columns:32px 1fr auto;gap:.5rem;align-items:start}.chat-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#444;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#ccc;flex-shrink:0}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-bubble{min-width:0;display:flex;flex-direction:column;gap:.15rem}.chat-meta{display:flex;gap:.4rem;align-items:baseline;font-size:.78rem;color:#aaa;flex-wrap:wrap}.chat-name{font-weight:600;color:#eee}.chat-badge{font-size:.65rem;background:#ff5722;color:#fff;padding:0 .4rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.chat-time{font-size:.72rem;color:#777;margin-left:auto}.chat-text{font-size:.9rem;line-height:1.35;word-wrap:break-word;overflow-wrap:anywhere;color:#f5f5f5;max-width:100%}.chat-msg.is-staff .chat-bubble{background:#ff57221a;border-left:2px solid #ff5722;padding:.25rem .5rem;border-radius:4px}.chat-msg--deleted{display:block;padding:.4rem .5rem;color:#666;font-size:.82rem;font-style:italic;text-align:center;border-top:1px dashed rgba(255,255,255,.05);border-bottom:1px dashed rgba(255,255,255,.05)}.chat-msg--sending{opacity:.65}.chat-msg--failed .chat-text{color:#ffb4a5}.chat-retry{background:transparent;border:0;color:#ff8a80;cursor:pointer;text-decoration:underline;font:inherit;padding:0;margin-left:.25rem}.chat-retry:hover{color:#ffb4a5}.chat-del{background:transparent;border:0;color:#777;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .3rem;align-self:start}.chat-del:hover{color:#ff5252}#chat-form{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid rgba(255,255,255,.08);background:#0000004d}#chat-input{flex:1;background:#282828b3;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem .7rem;color:#fff;font-size:.9rem;font-family:inherit;min-width:0}#chat-input:focus{outline:none;border-color:#ff5722}#chat-send{background:#ff5722;color:#fff;border:0;border-radius:6px;padding:0 .9rem;font-weight:600;cursor:pointer;font-family:inherit}#chat-send:disabled{background:#444;cursor:wait}#chat-status{padding:.4rem .7rem;font-size:.8rem;color:#ff8a80;text-align:center;border-top:1px solid rgba(255,255,255,.08)}#name-dialog{border:0;border-radius:12px;padding:0;background:#1a1a1a;color:#fff;max-width:90vw;width:360px;box-shadow:0 12px 40px #00000080}#name-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}#name-form{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}#name-form h2{font-size:1.1rem;font-weight:600}#name-form p{color:#aaa;font-size:.85rem}#name-form input{background:#0f0f0f;color:#fff;border:1px solid #333;border-radius:6px;padding:.55rem .75rem;font-size:.95rem;font-family:inherit}#name-form input:focus{outline:none;border-color:#ff5722}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}#name-confirm{background:#ff5722;color:#fff;border:0;border-radius:6px;padding:.55rem 1rem;font-weight:600;cursor:pointer;font-family:inherit}@media (max-width: 480px){#chat{position:absolute;inset:auto 0 0;width:100%;max-width:100%;height:45%;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}