.sphere-visualizer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.sphere-visualizer canvas{display:block}.chat-overlay{position:absolute;left:24px;bottom:120px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:10}.floating-message{display:flex;gap:8px;padding:8px 12px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(212,175,55,.2);animation:float-up 5s ease-out forwards;max-width:300px}.floating-message .username{color:#d4af37;font-weight:600;font-size:13px}.floating-message .text{color:#fff;font-size:13px}.floating-message.fire{border-color:#ff4500;box-shadow:0 0 20px #ff450066}.floating-message.glow{border-color:#d4af37;box-shadow:0 0 20px #d4af3799}.floating-message.shake{animation:float-up 5s ease-out forwards,shake .5s ease-in-out infinite}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.viewer-souls{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;color:#fff;z-index:10;-webkit-user-select:none;user-select:none}.viewer-souls .count{font-size:48px;font-weight:700;color:#d4af37;line-height:1;font-variant-numeric:tabular-nums}.viewer-souls .label{font-size:12px;text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-top:4px}.reaction-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:12px 20px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:40px;border:1px solid rgba(212,175,55,.2);z-index:10}.reaction-btn{width:48px;height:48px;font-size:24px;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.reaction-btn:hover{background:#d4af3733;transform:scale(1.2)}.reaction-btn:active{transform:scale(.9)}@media (max-width: 768px){.chat-overlay{left:12px;bottom:100px}.floating-message{max-width:250px;padding:6px 10px}.floating-message .username,.floating-message .text{font-size:12px}.viewer-souls{top:12px;right:12px}.viewer-souls .count{font-size:36px}.viewer-souls .label{font-size:10px}.reaction-bar{bottom:12px;gap:8px;padding:8px 16px}.reaction-btn{width:40px;height:40px;font-size:20px}}