@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:light;--font-main: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--bg-0: #fff7ed;--bg-1: #ffedd5;--bg-2: #fef3c7;--panel: rgba(255, 247, 237, .85);--panel-solid: #fff7ed;--text-main: #7c2d12;--text-subtle: #9a3412;--brand: #ea580c;--brand-2: #f59e0b;--brand-3: #92400e;--ok: #047857;--warn: #b45309;--bad: #b91c1c;--line: rgba(180, 83, 9, .28);--shadow: 0 24px 60px rgba(146, 64, 14, .22)}:root[data-theme=dark]{color-scheme:dark;--bg-0: #161312;--bg-1: #231815;--bg-2: #2f2216;--panel: rgba(43, 28, 17, .9);--panel-solid: #2b1c11;--text-main: #fde68a;--text-subtle: #fbbf24;--brand: #f97316;--brand-2: #f59e0b;--brand-3: #d97706;--ok: #34d399;--warn: #facc15;--bad: #f87171;--line: rgba(251, 191, 36, .24);--shadow: 0 24px 70px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;font-family:var(--font-main);background:radial-gradient(circle at 18% 14%,rgba(249,115,22,.26),transparent 28%),radial-gradient(circle at 92% 16%,rgba(234,88,12,.2),transparent 26%),radial-gradient(circle at 84% 88%,rgba(245,158,11,.2),transparent 28%),linear-gradient(145deg,var(--bg-0),var(--bg-1) 58%,var(--bg-2));color:var(--text-main);transition:background .22s ease,color .22s ease}.top-bar{position:fixed;inset:14px 16px auto;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:14px;pointer-events:none}.top-bar>*{pointer-events:auto}.left-tools{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);backdrop-filter:blur(12px)}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--text-subtle)}.theme-toggle{width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--panel);backdrop-filter:blur(12px);font-size:22px;cursor:pointer;transition:transform .12s ease,border-color .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--brand)}.home-page,.room-page{padding:82px 14px 14px;max-width:1160px;margin:0 auto}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-card,.panel,.prejoin-card{background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-card{padding:32px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.24),transparent 68%);pointer-events:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,4.8vw,62px);line-height:1.02;margin-top:10px}h2{font-size:24px;margin-bottom:14px}h3{font-size:18px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#f59e0b26;border:1px solid var(--line)}.subtitle{margin-top:12px;color:var(--text-subtle);max-width:740px;line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}button,input,select{font-family:inherit}.primary-button,.ghost-button,.reaction-btn{border-radius:14px;border:1px solid var(--line);cursor:pointer;transition:transform .12s ease,border-color .18s ease,background .18s ease}.primary-button,.ghost-button{font-size:15px;padding:11px 16px}.primary-button{border-color:color-mix(in srgb,var(--brand) 50%,transparent);background:linear-gradient(140deg,var(--brand),var(--brand-2));color:#fff8ed;font-weight:700}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.reaction-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--brand)}.ghost-button{background:color-mix(in srgb,var(--panel-solid) 72%,transparent);color:var(--text-main)}button:disabled,input:disabled,select:disabled{opacity:.56;cursor:not-allowed}.nickname-block{margin-top:24px}.nickname-label{display:inline-flex;align-items:flex-end;gap:8px;font-size:clamp(20px,3.2vw,38px);line-height:1.08;font-weight:700;flex-wrap:wrap}.nickname-prefix,.nickname-suffix{color:var(--text-main)}.nickname-slot{position:relative;min-width:10ch;display:inline-flex;align-items:center}.nickname-underscores{font-family:var(--font-mono);letter-spacing:.13em;color:color-mix(in srgb,var(--text-subtle) 45%,transparent);user-select:none}.nickname-input,.nickname-ghost{position:absolute;inset:0;width:100%;border:0;background:transparent;font-size:inherit;font-weight:700;letter-spacing:.02em;color:var(--brand-3)}.nickname-input{outline:none}.nickname-ghost{pointer-events:none;color:color-mix(in srgb,var(--text-subtle) 60%,transparent)}.join-link{margin-top:22px;display:grid;gap:8px;color:var(--text-subtle)}.join-link>div,.chat-input-row{display:flex;gap:8px}.connect-muted-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-subtle);font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-solid) 78%,transparent)}.connect-muted-toggle input{width:16px;height:16px;margin:0}input,select{border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 85%,transparent);color:var(--text-main);padding:10px 12px;font-size:14px;width:100%}input::placeholder{color:color-mix(in srgb,var(--text-subtle) 65%,transparent)}.room-header{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}.room-header-actions{display:flex;flex-wrap:wrap;gap:8px}.room-header-actions .ghost-button{display:inline-flex;align-items:center;gap:8px}.room-actions-strip{margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel-solid) 80%,transparent)}.share-btn{position:relative;overflow:visible}.copied-chip{position:absolute;right:8px;top:-10px;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 90%,transparent);color:var(--ok);opacity:0;transform:translateY(4px) scale(.95);pointer-events:none}.copied-chip.show{animation:copiedPop .9s ease forwards}@keyframes copiedPop{0%{opacity:0;transform:translateY(4px) scale(.95)}22%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.btn-icon{width:16px;height:16px;flex:0 0 16px}.status-row{margin-top:16px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.status-pill{padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel-solid) 78%,transparent);font-size:14px}.status-pill.ok{border-color:color-mix(in srgb,var(--ok) 60%,var(--line))}.status-pill.warn{border-color:color-mix(in srgb,var(--warn) 60%,var(--line))}.status-pill.bad{border-color:color-mix(in srgb,var(--bad) 60%,var(--line))}.prejoin-card{margin-top:16px;padding:20px}.room-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1fr}.room-grid.room-grid-compact{grid-template-columns:1.65fr 1fr;grid-template-rows:auto auto}.game-panel{grid-row:span 2;display:flex;flex-direction:column;gap:8px;padding:10px}.game-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 0}.room-game-canvas{width:100%;min-height:430px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 18% 18%,rgba(245,158,11,.22),transparent 38%),linear-gradient(170deg,#fff3,#78350f33)}.game-placeholder{width:100%;min-height:430px;border-radius:20px;border:1px dashed var(--line);background:color-mix(in srgb,var(--panel-solid) 82%,transparent);display:grid;place-items:center;text-align:center;padding:20px;color:var(--text-subtle)}.panel{padding:12px}.peers-list{display:grid;gap:8px}.peer-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:9px 10px;display:grid;gap:2px;background:color-mix(in srgb,var(--panel-solid) 90%,transparent)}.peer-inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.peer-main{display:inline-flex;align-items:center;gap:6px}.voice-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.voice-meta.ok{color:var(--ok)}.voice-meta.warn{color:var(--warn)}.voice-meta.bad{color:var(--bad)}.peer-card.speaking{border-color:color-mix(in srgb,var(--ok) 65%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--ok) 50%,transparent),0 0 22px color-mix(in srgb,var(--ok) 36%,transparent);animation:speakPulse .72s ease-in-out infinite}@keyframes speakPulse{0%{transform:scale(1)}50%{transform:scale(1.005)}to{transform:scale(1)}}.flash-messages{margin-top:12px;display:grid;gap:6px}.warn-text{color:var(--bad);margin-top:8px}.ok-text{color:var(--ok)}.reactions-strip{min-height:34px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.reaction-bubble{font-size:24px;animation:liftFade .9s ease}@keyframes liftFade{0%{transform:translateY(10px) scale(.8);opacity:0}35%{opacity:1}to{transform:translateY(-3px) scale(1);opacity:1}}.chat-messages{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel-solid) 84%,transparent);padding:10px;height:210px;overflow:auto;display:grid;gap:8px}.chat-input-row{margin-top:10px}.chat-message{display:grid;gap:3px;font-size:14px}.chat-message.self{text-align:right}.chat-author{color:var(--text-subtle);font-size:12px;font-family:var(--font-mono)}.reaction-buttons{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.reaction-btn{padding:8px 12px;font-size:22px;background:color-mix(in srgb,var(--panel-solid) 84%,transparent)}.logs-panel{min-height:360px}.log-list{border:1px solid var(--line);border-radius:14px;padding:10px;background:color-mix(in srgb,var(--panel-solid) 84%,transparent);height:calc(100% - 40px);min-height:280px;overflow:auto;font-family:var(--font-mono);font-size:12px;line-height:1.4;display:grid;gap:6px}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#00000059;display:grid;place-items:center;padding:16px}.modal{width:min(620px,100%);border-radius:22px;border:1px solid var(--line);background:var(--panel-solid);padding:18px;box-shadow:var(--shadow)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-grid{display:grid;gap:12px;margin-top:14px}.settings-grid label{display:grid;gap:6px}.settings-grid span{color:var(--text-subtle);font-size:14px}.modal-footer{margin-top:14px;flex-wrap:wrap}@media(max-width:1024px){.room-grid,.room-grid.room-grid-compact{grid-template-columns:1fr}.game-panel{grid-row:auto}.room-game-canvas,.game-placeholder{min-height:330px}}@media(max-width:760px){.home-page,.room-page{padding-top:76px}.hero-card{padding:22px}.room-grid{grid-template-columns:1fr}.room-game-canvas,.game-placeholder{min-height:260px}.top-bar{inset:10px 10px auto}.left-tools{max-width:calc(100vw - 78px);overflow-x:auto}}