*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[icon-gen\:page\]{icon-gen:page}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;background:#f0f4ff;color:#111827;height:100vh;flex-direction:column}body,header{display:flex}header{background:#fff;padding:0 24px;height:56px;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px rgba(0,0,0,.06);flex-shrink:0;position:relative;z-index:10}.header-logo{font-size:1.1rem;font-weight:800;color:#4f46e5;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px}.header-logo-icon{width:28px;height:28px;border-radius:6px;display:block}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.header-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;padding:5px 14px;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500}.header-btn:hover{background:#e5e7eb}.header-top{background:transparent;border-bottom-color:hsla(0,0%,100%,.12);box-shadow:none}.header-top .header-logo{color:#c7d2fe}.header-top .header-btn{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.18);color:#e2e8f0}.header-top .header-btn:hover{background:hsla(0,0%,100%,.2)}#rooms-view{flex:1;overflow-y:auto;padding:40px 32px}.rooms-inner{max-width:860px;margin:0 auto;position:relative;z-index:1}.page-hero{margin-bottom:18px}.page-hero h2{font-size:1.5rem;font-weight:700;color:#111827;letter-spacing:-.02em}.page-hero p{font-size:.88rem;color:#6b7280;margin-top:6px}.top-backdrop{--hero-bg:radial-gradient(120% 120% at 20% 0%,#1a1740 0%,#0d0b24 45%,#050410 100%);position:fixed;z-index:0;background:var(--hero-bg)}.hero-shapes,.top-backdrop{inset:0;overflow:hidden;pointer-events:none}.hero-shape,.hero-shapes{position:absolute}.hero-shape{display:block;opacity:.55;will-change:transform;animation:heroDrift1 16s ease-in-out infinite}.shape-circle{border-radius:50%;background:rgba(199,210,254,.35);border:1px solid hsla(0,0%,100%,.25)}.shape-square{border-radius:7px;background:rgba(167,139,250,.32);border:1px solid hsla(0,0%,100%,.2)}.shape-triangle{background:rgba(125,211,252,.32);clip-path:polygon(50% 0,0 100%,100% 100%)}.s1{width:64px;height:64px;top:14%;left:10%;animation-name:heroDrift1;animation-duration:17s}.s2{width:46px;height:46px;top:62%;left:16%;animation-name:heroDrift2;animation-duration:21s}.s3{width:58px;height:50px;top:24%;left:80%;animation-name:heroDrift3;animation-duration:19s}.s4{width:90px;height:90px;top:58%;left:72%;animation-name:heroDrift2;animation-duration:23s;opacity:.4}.s5{width:40px;height:36px;top:74%;left:44%;animation-name:heroDrift1;animation-duration:15s}.s6{width:30px;height:30px;top:12%;left:52%;animation-duration:18s}.s6,.s7{animation-name:heroDrift3}.s7{width:38px;height:38px;top:40%;left:4%;animation-duration:22s}.s8{width:54px;height:54px;top:80%;left:88%;animation-name:heroDrift1;animation-duration:20s;opacity:.42}.s9{width:70px;height:60px;top:6%;left:30%;animation-name:heroDrift2;animation-duration:24s;opacity:.45}@keyframes heroDrift1{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(22px,-30px) rotate(170deg)}to{transform:translate(0) rotate(1turn)}}@keyframes heroDrift2{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-28px,-20px) rotate(-150deg)}to{transform:translate(0) rotate(-1turn)}}@keyframes heroDrift3{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(18px,26px) rotate(130deg)}to{transform:translate(0) rotate(1turn)}}.top-hero{position:relative;z-index:1;text-align:center;padding:44px 24px 32px}.hero-title{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(90deg,#fff,#c7d2fe 60%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(79,70,229,.45))}.hero-tagline{margin-top:12px;font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:500;color:rgba(226,232,240,.92);letter-spacing:.02em}@media (prefers-reduced-motion:reduce){.hero-shape{animation:none}}#rooms-view .section-bar h3{color:rgba(226,232,240,.85)}#rooms-view .refresh-btn{color:rgba(226,232,240,.9)}#rooms-view .refresh-btn:hover{background:hsla(0,0%,100%,.12)}#rooms-view .no-rooms{color:rgba(226,232,240,.78)}#rooms-view .no-rooms strong{color:#fff}.user-prefs{gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;margin-bottom:20px;font-size:.82rem;color:#374151}.user-prefs,.user-prefs label{display:flex;align-items:center}.user-prefs label{gap:6px}.user-prefs input:not([type]),.user-prefs input[type=text]{background:#f9fafb;border:1.5px solid #e5e7eb;color:#111827;padding:5px 10px;border-radius:7px;font-size:.85rem;outline:none;width:180px}.user-prefs input:focus{border-color:#a5b4fc;background:#fff}.prefs-admin{color:#b45309;font-weight:600}.btn-delete-room{background:#fff;color:#dc2626;border:1px solid #fecaca;padding:6px 10px;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:600;white-space:nowrap}.btn-delete-room:hover{background:#fee2e2;border-color:#fca5a5}.section-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:14px}.section-bar h3{font-size:.78rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.refresh-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:.82rem;padding:4px 10px;border-radius:6px}.refresh-btn:hover{background:#f3f4f6}#room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.room-card{background:linear-gradient(160deg,#e9f5ff,#cfe8ff);border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s,border-color .2s,transform .15s;flex-direction:row;min-height:0;position:relative}.card-thumb,.room-card{overflow:hidden;display:flex}.card-thumb{width:280px;height:280px;flex-shrink:0;background:#f3f4f6;align-items:center;justify-content:center}.card-body{flex:1;min-width:0;padding:10px 14px;display:flex;flex-direction:column;gap:5px;position:relative}.room-card:hover{box-shadow:0 6px 22px rgba(56,189,248,.3);border-color:#7dd3fc;transform:translateY(-1px)}.card-bubbles{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .25s ease}.room-card:hover .card-bubbles{opacity:1}.card-bubbles .bubble{position:absolute;bottom:-24px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(236,254,255,.95),rgba(125,211,252,.55) 60%,rgba(56,189,248,.35) 100%);box-shadow:0 0 5px rgba(125,211,252,.9),0 0 10px rgba(56,189,248,.6);animation:bubbleRise 2.6s ease-in infinite;animation-play-state:paused}.room-card:hover .card-bubbles .bubble{animation-play-state:running}@keyframes bubbleRise{0%{transform:translateY(0) scale(.4);opacity:0}12%{opacity:1}70%{opacity:.9}to{transform:translateY(-300px) scale(1.05);opacity:0}}.card-bubbles .b1{left:4%;width:5px;height:5px;animation-duration:2.4s;animation-delay:0s}.card-bubbles .b2{left:9%;width:3px;height:3px;animation-duration:1.9s;animation-delay:.6s}.card-bubbles .b3{left:14%;width:6px;height:6px;animation-duration:2.8s;animation-delay:.2s}.card-bubbles .b4{left:19%;width:4px;height:4px;animation-duration:2.1s;animation-delay:1s}.card-bubbles .b5{left:24%;width:5px;height:5px;animation-duration:2.5s;animation-delay:.4s}.card-bubbles .b6{left:29%;width:3px;height:3px;animation-duration:1.7s;animation-delay:1.2s}.card-bubbles .b7{left:34%;width:7px;height:7px;animation-duration:3s;animation-delay:.7s}.card-bubbles .b8{left:39%;width:4px;height:4px;animation-duration:2s;animation-delay:.1s}.card-bubbles .b9{left:44%;width:5px;height:5px;animation-duration:2.6s;animation-delay:.9s}.card-bubbles .b10{left:49%;width:3px;height:3px;animation-duration:1.8s;animation-delay:1.5s}.card-bubbles .b11{left:54%;width:6px;height:6px;animation-duration:2.7s;animation-delay:.3s}.card-bubbles .b12{left:59%;width:4px;height:4px;animation-duration:2.2s;animation-delay:1.1s}.card-bubbles .b13{left:64%;width:5px;height:5px;animation-duration:2.9s;animation-delay:.5s}.card-bubbles .b14{left:69%;width:3px;height:3px;animation-duration:1.6s;animation-delay:1.3s}.card-bubbles .b15{left:74%;width:7px;height:7px;animation-duration:3s;animation-delay:.8s}.card-bubbles .b16{left:79%;width:4px;height:4px;animation-duration:2.1s;animation-delay:.2s}.card-bubbles .b17{left:84%;width:5px;height:5px;animation-duration:2.5s;animation-delay:1s}.card-bubbles .b18{left:89%;width:3px;height:3px;animation-duration:1.9s;animation-delay:.6s}.card-bubbles .b19{left:93%;width:6px;height:6px;animation-duration:2.8s;animation-delay:.4s}.card-bubbles .b20{left:97%;width:4px;height:4px;animation-duration:2.3s;animation-delay:1.4s}@media (prefers-reduced-motion:reduce){.card-bubbles .bubble{animation:none}.room-card:hover .card-bubbles{opacity:0}}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-theme{font-size:.95rem;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.status-badge{font-size:.7rem;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0;text-align:center}.status-badge.waiting{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-badge.playing{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.7}}.card-meta{font-size:.75rem;color:#6b7280;display:flex;gap:10px;flex-wrap:wrap}.card-actions{display:flex;flex-direction:column;gap:5px;margin-top:auto;align-items:stretch}.btn-join{background:#4f46e5;color:#fff;border:none;border-radius:7px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-join:hover{background:#4338ca}.btn-watch{background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:7px;padding:6px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-watch:hover{background:#f9fafb;border-color:#d1d5db}.no-rooms{text-align:center;padding:80px 20px;color:#9ca3af}.no-rooms .icon{font-size:2.8rem;margin-bottom:12px}.no-rooms strong{display:block;color:#6b7280;font-size:.95rem;margin-bottom:6px}.no-rooms p{font-size:.84rem}#room-view{flex:1;overflow:hidden;position:relative}#room-view,.room-topleft{display:flex;flex-direction:column}.room-topleft{position:absolute;top:12px;left:16px;z-index:30;align-items:flex-start;gap:6px}.room-title{font-family:Dela Gothic One,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:4.2rem;font-weight:400;line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:.01em;white-space:nowrap}.room-topleft-actions{display:flex;align-items:center;gap:8px}.sidebar-toggle{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#4f46e5;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:1.05rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.sidebar-toggle:hover{background:#f3f4f6}.btn-start-top{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-family:Mochiy Pop One,Hiragino Sans,Yu Gothic UI,sans-serif;font-size:.85rem;font-weight:400;cursor:pointer;box-shadow:0 2px 8px rgba(79,70,229,.3);transition:background .15s ease}.btn-start-top:hover{background:#4338ca}.bc-msg-name,.board-card-name,.broadcast-host-name,.msg-name,.participant .p-name,.rt-name{font-family:Zen Maru Gothic,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}.bc-msg-text,.board-card-msg,.broadcast-host-bubble,.bubble,.rt-bubble{font-family:Hachi Maru Pop,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}.room-layout{flex:1;display:flex;overflow:hidden;position:relative;background:radial-gradient(circle farthest-corner at 50% 50%,transparent 0,transparent 42%,rgba(30,27,75,.58) 100%),radial-gradient(circle at 50% 50%,var(--rt-c1) 0,var(--rt-c2) 100%);animation:rtBgShift 24s linear infinite}.sidebar{position:absolute;top:132px;left:14px;bottom:18px;width:220px;z-index:25;background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 24px rgba(30,27,75,.16);padding:18px 16px;overflow-y:auto;display:flex;flex-direction:column;clip-path:inset(0 round 22px);transition:clip-path .3s ease}.sidebar.collapsed{clip-path:inset(0 100% 0 0 round 22px);pointer-events:none}.sidebar h3{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.participant{font-size:.84rem;padding:5px 0;display:flex;align-items:center;gap:6px;color:#374151}.participant .badge{font-size:.65rem;padding:1px 5px;border-radius:4px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.participant .badge.mcp{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.participant .badge.watch{background:#fef9c3;color:#854d0e;border-color:#fef08a}.participant .badge.owner{background:#fffbeb;color:#b45309;border-color:#fcd34d;font-weight:700}.participant .emo{margin-left:auto;display:flex;align-items:center}.sidebar-bottom{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:7px}.sidebar-bottom button{font-size:.82rem;padding:8px 10px;border-radius:7px;cursor:pointer;font-weight:500;width:100%}.btn-start{background:#4f46e5;color:#fff;border:none}.btn-start:hover{background:#4338ca}.btn-exit{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.btn-exit:hover{background:#e5e7eb}@property --rt-c1{syntax:"<color>";inherits:false;initial-value:#f4fbff}@property --rt-c2{syntax:"<color>";inherits:false;initial-value:#ece9fb}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent}@keyframes rtBgShift{0%{--rt-c1:#f4fbff;--rt-c2:#ece9fb}20%{--rt-c1:#fff1f6;--rt-c2:#e6f0fc}40%{--rt-c1:#f1fdf5;--rt-c2:#f3e9fc}60%{--rt-c1:#fffbef;--rt-c2:#e9faf6}80%{--rt-c1:#f1f4ff;--rt-c2:#fbeaf3}to{--rt-c1:#f4fbff;--rt-c2:#ece9fb}}@media (prefers-reduced-motion:reduce){.chat-area{animation:none}}.messages-inner{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.msg{display:flex;align-items:flex-start;gap:10px;max-width:72%}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg-body{display:flex;flex-direction:column;gap:3px;min-width:0}.msg-name{font-size:.72rem;color:#9ca3af;padding:0 4px}.msg.mine .msg-name{text-align:right}.msg .bubble{background:#fff;border:1px solid #e5e7eb;border-radius:14px;border-top-left-radius:4px;padding:9px 14px;font-size:.88rem;line-height:1.55;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.04)}.msg.mine .bubble{background:#4f46e5;color:#fff;border-color:#4f46e5;border-radius:14px;border-top-right-radius:4px}.msg.mcp .bubble{border-left:3px solid #22c55e}.board-grid{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start}.board-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:14px 12px;width:360px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:background .2s,border-color .2s,box-shadow .2s}.board-card.speaking{background:#eef2ff;border-color:#a5b4fc;animation:boardPulse 2s ease-in-out infinite}@keyframes boardPulse{0%,to{box-shadow:0 0 0 3px rgba(99,102,241,.15),0 4px 16px rgba(79,70,229,.12)}50%{box-shadow:0 0 0 6px rgba(99,102,241,.22),0 6px 22px rgba(79,70,229,.2)}}.board-card-icon{flex-shrink:0;width:140px;height:140px;border-radius:50%;padding:7px;display:flex;align-items:center;justify-content:center}.board-card-name{font-size:.78rem;font-weight:600;color:#374151;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-msg{font-size:.72rem;color:#6b7280;text-align:center;width:100%;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;min-height:4.35em}.board-card.speaking .board-card-name{color:#4f46e5}.board-card.speaking .board-card-msg{color:#4338ca}.rt-view{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:40px;background:transparent}.rt-stage{position:relative;width:min(80vh,760px);aspect-ratio:1/1;flex-shrink:0}.rt-table{position:absolute;left:50%;top:50%;width:38%;height:38%;transform:translate(-50%,-50%);border:3px solid #c7d2fe;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0,#eef2ff 85%);box-shadow:inset 0 0 34px rgba(79,70,229,.09),0 10px 28px rgba(79,70,229,.1);justify-content:center;padding:16px;overflow:hidden;text-align:center}.rt-state,.rt-table{display:flex;align-items:center}.rt-state{flex-direction:column;gap:4px;max-width:88%}.rt-state-label{font-size:.62rem;font-weight:700;letter-spacing:.12em;color:#818cf8}.rt-state-phase{font-size:1.15rem;font-weight:800;color:#4f46e5;letter-spacing:.02em;line-height:1.15}.rt-state-pending{font-size:.76rem;font-weight:700;color:#b45309}.rt-state-entries{display:flex;flex-direction:column;gap:2px;margin-top:4px}.rt-state-entry{display:flex;gap:6px;justify-content:center;font-size:.72rem;line-height:1.25}.rt-state-key{color:#818cf8}.rt-state-val{color:#1f2937;font-weight:600}.rt-seat{position:absolute;transform:translate(-50%,-50%);width:180px;display:flex;flex-direction:column;align-items:center;gap:5px}.rt-mod-badge{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translateX(-50%);background:#4f46e5;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 6px rgba(79,70,229,.4);z-index:4}.rt-seat.is-moderator .rt-icon{box-shadow:0 0 0 3px #fff,0 0 0 6px #fbbf24,0 2px 10px rgba(0,0,0,.15)}.rt-icon{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:box-shadow .2s,transform .2s}.rt-seat.speaking .rt-icon{box-shadow:0 0 0 3px #fff,0 0 0 6px #818cf8,0 0 16px rgba(129,140,248,.7);transform:scale(1.06)}.rt-name{font-size:.8rem;font-weight:600;color:#374151;background:hsla(0,0%,100%,.9);padding:2px 9px;border-radius:9px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.rt-bubble{position:absolute;max-width:270px;width:-moz-max-content;width:max-content;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:7px 11px;font-size:.78rem;line-height:1.4;color:#1f2937;box-shadow:0 4px 14px rgba(0,0,0,.12);word-break:break-word;z-index:3}.rt-bubble:before{content:"";position:absolute;border:7px solid transparent}.rt-bubble.dir-right:before{left:-13px;top:calc(50% - 7px);border-right-color:#fff}.rt-bubble.dir-left:before{right:-13px;top:calc(50% - 7px);border-left-color:#fff}.rt-bubble.dir-top:before{bottom:-13px;left:calc(50% - 7px);border-top-color:#fff}.rt-bubble.dir-bottom:before{top:-13px;left:calc(50% - 7px);border-bottom-color:#fff}.rt-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#9ca3af;font-size:.85rem}#dialog-view{flex:1;display:flex;overflow:hidden;min-height:0}.broadcast-stage{flex:1;flex-direction:column;padding:28px 20px;min-width:0;background:linear-gradient(180deg,#1f2937,#111827);color:#f9fafb;gap:14px}.broadcast-host-img,.broadcast-stage{display:flex;align-items:center;justify-content:center}.broadcast-host-img{width:min(48vh,420px);height:min(48vh,420px);border-radius:22px;padding:10px;box-shadow:0 12px 40px rgba(0,0,0,.45)}.broadcast-host-img .broadcast-host-icon{width:100%!important;height:100%!important}.broadcast-host-name{font-size:1.3rem;font-weight:700;color:#fff}.broadcast-host-bubble{background:hsla(0,0%,100%,.96);color:#111827;padding:12px 20px;border-radius:14px;font-size:1rem;max-width:85%;text-align:center;line-height:1.55;box-shadow:0 4px 14px rgba(0,0,0,.25);white-space:normal;word-break:break-word}.broadcast-host-empty{color:#9ca3af;font-size:.88rem;font-style:italic}.broadcast-chat{width:320px;flex-shrink:0;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.broadcast-chat-header{padding:10px 14px;font-size:.78rem;font-weight:700;color:#6b7280;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.broadcast-chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.bc-msg{font-size:.82rem;line-height:1.45}.bc-msg-name{font-weight:700;color:#4f46e5;margin-right:6px}.bc-msg.mine .bc-msg-name{color:#f59e0b}.bc-msg.host .bc-msg-name{color:#ec4899}.bc-msg-text{color:#374151;word-break:break-word}#video-view{flex:1;display:flex;overflow:hidden;min-height:0}.video-stage{flex:1;display:flex;flex-direction:column;min-width:0;background:#111827;padding:10px;gap:8px}.video-url-bar{display:flex;gap:6px;flex-shrink:0}.video-url-bar input{flex:1;background:#1f2937;border:1.5px solid #374151;color:#f9fafb;padding:7px 12px;border-radius:8px;font-size:.85rem;outline:none}.video-url-bar input:focus{border-color:#6366f1;background:#111827}.video-readonly-hint{font-size:.78rem;color:#9ca3af;padding:4px 8px;text-align:center}.video-frame-wrap{flex:1;position:relative;min-height:0;background:#000;border-radius:8px;overflow:hidden}.video-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-placeholder{color:#6b7280;font-size:.9rem;padding:20px;text-align:center}.video-mode-badge{position:absolute;top:10px;left:10px;z-index:5;background:rgba(0,0,0,.7);color:#fff;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.2)}.video-mode-badge.playing{background:rgba(220,38,38,.85);border-color:hsla(0,94%,82%,.4)}.video-mode-badge.playing:before{content:"● ";animation:pulseBadge 1.5s infinite}.video-mode-badge.watching{background:rgba(79,70,229,.85);border-color:rgba(165,180,252,.4)}.video-side{width:320px;background:#fff;border-left:1px solid #e5e7eb;overflow:hidden}.video-host,.video-side{flex-shrink:0;display:flex;flex-direction:column}.video-host{padding:14px;align-items:center;gap:6px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.video-host-img{width:120px;height:120px;border-radius:16px;padding:6px;display:flex;align-items:center;justify-content:center}.video-host-name{font-size:.85rem;font-weight:700;color:#374151}.video-host-bubble{font-size:.78rem;color:#4b5563;text-align:center;line-height:1.45;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;word-break:break-word;min-height:1.45em}.video-host-empty{font-size:.78rem;color:#9ca3af;font-style:italic;padding:8px 0}.input-area{width:min(760px,calc(100% - 40px));margin:6px auto 18px;padding:7px 7px 7px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:26px;box-shadow:0 8px 24px rgba(30,27,75,.16);display:flex;align-items:center;gap:8px;flex-shrink:0;transition:border-color .15s,box-shadow .15s}.input-area:focus-within{border-color:#a5b4fc;box-shadow:0 8px 24px rgba(30,27,75,.16),0 0 0 3px rgba(99,102,241,.13)}.input-area input{flex:1;min-width:0;background:transparent;border:none;color:#111827;padding:8px 4px;font-size:.92rem;outline:none}.btn-send{background:#4f46e5;border:none;color:#fff;padding:9px 22px;border-radius:20px;cursor:pointer;font-size:.88rem;font-weight:600;flex-shrink:0}.btn-send:hover{background:#4338ca}.modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.35);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:16px;padding:28px;width:360px;box-shadow:0 24px 48px rgba(0,0,0,.12);border:1px solid #e5e7eb}.modal h3{font-size:1.05rem;font-weight:700;color:#111827;margin-bottom:20px}.form-field{margin-bottom:14px}.form-field label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:5px}.form-field input,.form-field select{width:100%;background:#f9fafb;border:1.5px solid #e5e7eb;color:#111827;padding:8px 12px;border-radius:8px;font-size:.9rem;outline:none}.form-field input:focus,.form-field select:focus{border-color:#a5b4fc}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;padding:8px 18px;border-radius:8px}.btn-cancel,.btn-confirm{cursor:pointer;font-size:.88rem}.btn-confirm{background:#4f46e5;border:none;color:#fff;padding:8px 20px;border-radius:8px;font-weight:600}.btn-confirm:hover{background:#4338ca}.btn-confirm:disabled{opacity:.6;cursor:default}.status-dot{width:7px;height:7px;border-radius:50%;background:#d1d5db;flex-shrink:0}.status-dot.online{background:#22c55e}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#f0f4ff}.login-card{background:#fff;border-radius:20px;padding:40px 36px;width:100%;max-width:400px;box-shadow:0 8px 32px rgba(79,70,229,.1);border:1px solid #e5e7eb}.login-logo{text-align:center;font-size:1.5rem;font-weight:800;color:#4f46e5;letter-spacing:-.02em;margin-bottom:6px}.login-subtitle{text-align:center;font-size:.85rem;color:#9ca3af;margin-bottom:28px}.login-divider{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:.78rem;margin:18px 0}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:#e5e7eb}.btn-login-guest{width:100%;background:#4f46e5;color:#fff;border:none;padding:11px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s;margin-bottom:4px}.btn-login-guest:hover{background:#4338ca}.btn-login-admin-toggle{width:100%;background:#fff;color:#374151;border:1.5px solid #e5e7eb;padding:11px;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-login-admin-toggle:hover{background:#f9fafb;border-color:#d1d5db}.btn-login-admin{width:100%;background:#1f2937;color:#fff;border:none;padding:11px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-login-admin:hover{background:#111827}.btn-login-admin:disabled{opacity:.6;cursor:default}.login-error{color:#dc2626;font-size:.82rem;margin-top:12px;text-align:center}.room-rightpanel{position:absolute;top:132px;right:14px;bottom:18px;width:280px;z-index:25;display:flex;flex-direction:column;gap:10px;overflow-y:auto;pointer-events:auto}.game-state-panel{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 16px rgba(30,27,75,.12);padding:12px 14px;font-size:.8rem;display:flex;flex-direction:column;gap:8px}.game-state-phase{font-weight:700;color:#4f46e5;white-space:nowrap}.game-state-phase strong{color:#1f2937}.pending-action{color:#b45309;font-weight:700}.game-state-entries{display:flex;flex-wrap:wrap;gap:6px 16px}.game-state-entry{display:flex;gap:4px;align-items:baseline}.game-state-key{color:#818cf8;font-size:.72rem}.game-state-val{color:#1f2937;font-weight:600}.secret-info-panel{background:#1c1917;border:1px solid #292524;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.18);padding:12px 14px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.secret-info-box{display:flex;gap:8px;align-items:center}.secret-info-label{font-size:.72rem;font-weight:700;color:#d97706;white-space:nowrap}.secret-info-value{font-size:.82rem;font-weight:700;color:#fef3c7;background:rgba(217,119,6,.2);padding:2px 10px;border-radius:6px;border:1px solid rgba(217,119,6,.4)}.private-messages{display:flex;flex-direction:column;gap:4px;min-width:0}.private-messages-title{font-size:.68rem;font-weight:700;color:#a8a29e;text-transform:uppercase;letter-spacing:.06em}.private-message-item{display:flex;gap:6px;align-items:baseline;font-size:.78rem}.private-message-speaker{color:#fb923c;font-weight:700;white-space:nowrap;flex-shrink:0}.private-message-text{color:#e7e5e4;word-break:break-word}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-pick-panes{display:flex;gap:12px}.ai-pick-col{flex:1;min-width:0}.ai-pick-pane-title{font-size:.78rem;font-weight:700;color:#6b7280;margin-bottom:5px}.ai-pick-pane{min-height:170px;border:2px dashed #e5e7eb;border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;background:#fafafa;transition:border-color .15s,background .15s}.ai-pick-pane.drag-over{border-color:#818cf8;background:#eef2ff}.ai-pick-card{width:76px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px 5px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s}.ai-pick-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.18)}.ai-pick-card:active{cursor:grabbing}.ai-pick-name{font-size:.72rem;color:#374151;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-pick-empty{font-size:.75rem;color:#9ca3af;width:100%;text-align:center;align-self:center}.ai-pick-hint{font-size:.72rem;color:#9ca3af;margin-top:4px}