@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #08090f;--surface: #10121c;--line: #232637;--text: #eceef6;--dim: #8f94ab;--violet: #8b7bff;--violet-deep: #5f4bf2;--danger: #ff5470;--radius: 12px;--display: "Bricolage Grotesque Variable", system-ui, sans-serif;--body: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:var(--body);line-height:1.5;background:radial-gradient(90rem 40rem at 50% -10%,rgba(95,75,242,.08),transparent 60%),var(--ink);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--display);line-height:1.1;margin:0}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.brand{font-size:clamp(2.6rem,7vw,4rem);font-weight:700;letter-spacing:-.035em;text-transform:lowercase;color:var(--text);text-shadow:0 0 32px rgba(139,123,255,.45)}.brand:after{content:".";color:var(--violet)}.tagline{color:var(--dim);margin:.25rem 0 2.25rem;font-size:1.05rem}.center-page{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.25rem;text-align:center;animation:rise .48s cubic-bezier(.2,.7,.2,1) both}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.55rem 1.1rem;border-radius:var(--radius);font:600 .95rem var(--body);cursor:pointer;transition:border-color .12s ease,filter .12s ease,transform .12s ease}.btn:hover{border-color:var(--violet);filter:brightness(1.15)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--violet-deep);border-color:transparent;box-shadow:0 0 24px #5f4bf259}.btn-primary:hover{filter:brightness(1.12)}.btn-danger{background:var(--danger);border-color:transparent;color:#1c0710}.btn-lg{padding:.85rem 2rem;font-size:1.05rem;border-radius:14px}.room-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:.85rem;max-width:34rem;width:100%}.room-card h2{font-size:1.5rem}.room-card p{margin:0;color:var(--dim)}.copy-row{display:flex;align-items:center;gap:.6rem;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .8rem;text-align:left}.copy-row code{flex:1;font-family:var(--mono);font-size:.95rem;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-row .label{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.error{color:var(--danger);margin:.25rem 0 0}.hint{color:var(--dim);font-size:.85rem}.reactions{display:flex;gap:.15rem}.reaction-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0 .15rem;line-height:1;transition:transform .12s ease}.reaction-btn:hover{transform:scale(1.3)}.reaction-layer{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.reaction-layer span{position:absolute;bottom:5rem;font-size:2.2rem;animation:float-up 2.5s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-45vh) scale(1.6)}}.ping-circle{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:3px solid var(--violet);pointer-events:none;z-index:5;animation:ping-exp 1.5s ease-out forwards}@keyframes ping-exp{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(6)}}.chat-panel{position:absolute;top:1rem;right:1rem;bottom:4.5rem;z-index:10;width:min(20rem,calc(100vw - 2rem));display:flex;flex-direction:column;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:0 12px 48px #00000080}.chat-panel header{display:flex;justify-content:space-between;align-items:center}.chat-panel ul{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.chat-panel li{line-height:1.4;overflow-wrap:anywhere}.chat-panel li.mine .chat-nick{color:var(--text)}.chat-nick{display:block;color:var(--violet);font-size:.75rem;font-weight:700}.chat-empty{color:var(--dim)}.chat-panel form{display:flex;gap:.5rem}.chat-panel input{flex:1;min-width:0;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;font:.9rem var(--body)}.chat-badge{margin-left:.4rem;background:var(--violet-deep);color:#fff;border-radius:999px;padding:.05rem .45rem;font-size:.72rem;font-weight:700}.update-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--violet);border-radius:999px;padding:.4rem .5rem .4rem 1rem;font-size:.9rem;box-shadow:0 8px 40px #5f4bf259;animation:rise .36s cubic-bezier(.2,.7,.2,1) both}.update-banner .btn{padding:.35rem .9rem;font-size:.85rem}.credit{position:absolute;bottom:1.25rem;left:0;right:0;text-align:center;color:var(--dim);font-size:.85rem}.credit span{font-family:var(--display);font-weight:700;color:var(--violet);letter-spacing:-.02em}.join-gate{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:22rem}.join-gate p{margin:0;color:var(--dim)}.join-gate code{font-family:var(--mono);color:var(--violet);letter-spacing:.06em}.join-gate label{display:flex;flex-direction:column;gap:.4rem;text-align:left;font-size:.85rem;color:var(--dim)}.join-gate input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:.65rem .85rem;font:1rem var(--body);transition:border-color .12s ease}.join-gate input:hover{border-color:var(--violet)}.room{height:100%;display:flex;flex-direction:column;position:relative}.invite-panel{position:absolute;right:1rem;bottom:4.5rem;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;width:min(26rem,calc(100vw - 2rem));box-shadow:0 12px 48px #00000080}.invite-panel header{display:flex;justify-content:space-between;align-items:center}.btn-close{padding:.15rem .5rem}.stage{flex:1;min-height:0;display:grid;gap:.75rem;padding:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));align-content:center}.stage-focus{grid-template-columns:1fr}.stage-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--dim);background:radial-gradient(28rem 16rem at 50% 45%,rgba(139,123,255,.07),transparent 70%);animation:idle-glow 4s ease-in-out infinite}.stage-empty p{margin:.15rem}.tile{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--line);cursor:pointer;min-height:0;transition:box-shadow .2s ease,border-color .2s ease}.tile:hover{border-color:var(--violet);box-shadow:0 0 36px #8b7bff2e}.tile video{width:100%;height:100%;object-fit:contain;display:block}.tile figcaption{position:absolute;left:.6rem;bottom:.6rem;display:flex;gap:.5rem;align-items:center;background:#08090fc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.25rem .65rem;border-radius:999px;font-size:.85rem}.badge-bad{background:var(--danger);color:#1c0710;border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:700}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;padding:.7rem 1rem;background:#10121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.roster{display:flex;gap:.6rem;align-items:center;color:var(--dim);font-size:.9rem}.roster-btn{background:none;border:none;color:var(--dim);font:600 .9rem var(--body);cursor:pointer;padding:.25rem 0}.roster-btn:hover{color:var(--text)}.roster-panel{position:absolute;left:1rem;bottom:4.5rem;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;width:min(18rem,calc(100vw - 2rem));box-shadow:0 12px 48px #00000080}.roster-panel header{display:flex;justify-content:space-between;align-items:center}.roster-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.roster-panel li{display:flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--violet);flex:none}.sharing-tag{margin-left:auto;background:#8b7bff26;color:var(--violet);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:600}.actions{margin-left:auto;display:flex;gap:.5rem}.share-wrap{position:relative;display:inline-flex}.share-menu{position:absolute;bottom:calc(100% + .5rem);left:0;display:flex;flex-direction:column;min-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 48px #00000080;z-index:10}.share-option{background:none;border:none;color:var(--text);font:500 .9rem var(--body);padding:.6rem 1rem;text-align:left;cursor:pointer;white-space:nowrap}.share-option:hover{background:#8b7bff1f}.share-option.active{color:var(--violet);font-weight:700}.btn-kick{margin-left:auto;background:none;border:1px solid var(--line);color:var(--danger);border-radius:999px;padding:.1rem .6rem;font-size:.75rem;cursor:pointer}.btn-kick:hover{border-color:var(--danger)}.fullscreen-btn{background:none;border:none;color:var(--text);cursor:pointer;font-size:.95rem;padding:0;line-height:1}.fullscreen-btn:hover{color:var(--violet)}.volume{display:inline-flex;align-items:center;gap:.3rem}.volume-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:0;line-height:1}.volume input[type=range]{width:4.5rem;accent-color:var(--violet);cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes idle-glow{0%,to{opacity:.75}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:480px){.actions{margin-left:0;width:100%}.actions .btn{flex:1}}