:root{--bg: #0b0f1a;--panel: #121829;--text: #e6ecff;--muted: #9db2ce;--accent: #7dd3fc;--accent2: #a78bfa;--danger: #fb7185;--success: #34d399;--gold: #fbbf24}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;background:radial-gradient(1200px 800px at 50% 0%,#121829 0%,var(--bg) 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji"}.layout{display:grid;grid-template-columns:1fr 420px;grid-template-rows:auto 1fr;grid-template-areas:"header header" "main chat";height:100vh;gap:10px;padding:10px;overflow:hidden}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;background:#12182999;border:1px solid #1d2947;backdrop-filter:blur(6px);border-radius:12px;padding:8px 12px}.brand{font-weight:700;letter-spacing:.4px}.badge{background:#1d2744;padding:6px 10px;border-radius:10px;border:1px solid #243057;font-size:12px;color:var(--muted)}.main{grid-area:main;display:grid;grid-template-columns:340px 1fr 340px;gap:10px;min-height:0}.leftCol,.rightCol{display:flex;flex-direction:column;gap:8px;min-height:0}.centerCol{position:relative;min-height:0}.panel{display:flex;flex-direction:column;background:#121829b3;border:1px solid #1b2542;border-radius:12px;min-height:0}.panel-header{padding:10px 12px;border-bottom:1px solid #202c4e;font-weight:600;color:var(--muted);flex:0 0 auto}.panel-body{padding:10px;overflow:auto;flex:1 1 auto;min-height:0}.queue-item{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #1e2a4c;border-radius:10px;background:#0f1426;margin-bottom:8px}.queue-item .meta{display:flex;flex-direction:column}.queue-item .title{font-weight:600}.queue-item .by{color:var(--muted);font-size:12px}.chat-line{padding:6px 8px;font-size:16px;line-height:1.3}.chat-user{color:var(--accent2);font-weight:600;margin-right:6px}.chat-gift{color:var(--gold)}.kbd{border:1px solid #32416d;background:#0e1428;border-radius:6px;padding:2px 6px;font-size:12px}.footer{position:absolute;bottom:10px;right:10px;color:var(--muted);font-size:12px;opacity:.8}.health-bars{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;width:70%;pointer-events:none}.health-bar{flex:1;height:12px;background:#0f162c;border:1px solid #1d2746;border-radius:8px;overflow:hidden}.health-bar .fillA{background:linear-gradient(90deg,#60a5fa,#7dd3fc);height:100%}.health-bar .fillB{background:linear-gradient(90deg,#c084fc,#a78bfa);height:100%}.winner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(700px 400px at 50% 50%,#273d7859,#0006);pointer-events:none}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input,select{width:100%;background:#0e1428;border:1px solid #243057;color:var(--text);border-radius:8px;padding:8px 10px}.label{font-size:12px;color:var(--muted);margin-bottom:4px;display:block}.hype{height:10px;background:#0f162c;border:1px solid #1d2746;border-radius:6px;overflow:hidden}.hype .bar{height:100%;background:linear-gradient(90deg,#34d399,#22d3ee,#a78bfa);width:0%;transition:width .3s ease}