*{box-sizing:border-box;margin:0;padding:0}body{color:#00ff41;background:#0a0a0a;height:100vh;font-family:Courier New,Consolas,monospace;overflow:hidden}#matrix-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 3px);width:100vw;height:100vh;position:fixed;top:0;left:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 40%,#000000b3 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.chat-container{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0f0ad9;border:1px solid #00ff41;border-radius:6px;flex-direction:column;max-width:680px;height:calc(100vh - 4rem);margin:2rem auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00ff414d,inset 0 0 30px #00ff410d}.header{background:#00140099;border-bottom:1px solid #00ff414d;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.header h2{color:#00ff41;text-shadow:0 0 10px #00ff41;letter-spacing:2px;font-size:1rem}.header h2:before{content:"> ";opacity:.7}.header h2:after{content:"_";animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.online-badge{color:#00ff41;background:#00ff410d;border:1px solid #00ff4166;border-radius:3px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.75rem;display:flex}.dot{background:#00ff41;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse;box-shadow:0 0 8px #00ff41}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.header-right{align-items:center;gap:.6rem;display:flex}.home-btn{color:#00ff41;letter-spacing:1px;white-space:nowrap;background:#00ff410d;border:1px solid #00ff4166;border-radius:3px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.72rem;text-decoration:none;transition:all .2s;display:inline-flex}.home-btn:hover{color:#0a0a0a;background:#00ff41;box-shadow:0 0 12px #00ff4180}.home-btn:active{transform:scale(.95)}.messages{scrollbar-width:thin;scrollbar-color:#00ff41 #0014004d;flex:1;padding:.8rem;overflow-y:auto}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#0014004d}.messages::-webkit-scrollbar-thumb{background:#00ff41;border-radius:3px}.msg{border-left:2px solid #0000;border-radius:3px;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.85rem;line-height:1.4;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.msg.chat{background:#00ff410f;border-left-color:#00ff41}.msg.system{color:#fa0;background:#ffaa0014;border-left-color:#fa0;font-size:.78rem;font-style:italic}.msg .user{color:#00ff41;text-shadow:0 0 5px #00ff4180;margin-right:.5rem;font-weight:700}.msg.system .user{color:#fa0;text-shadow:none}.msg .time{color:#062;margin-left:.3rem;font-size:.65rem}.msg .text{word-break:break-word;margin-top:.15rem}.input-row{border-top:1px solid #00ff4133;gap:.4rem;padding:.4rem .6rem;display:flex}.input-row input{color:#00ff41;background:#000f00cc;border:1px solid #00ff414d;border-radius:3px;outline:none;flex:1;padding:.5rem .7rem;font-family:Courier New,monospace;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.input-row input::placeholder{color:#062}.input-row input:focus{border-color:#00ff41;box-shadow:0 0 10px #00ff414d}.input-row button{color:#00ff41;cursor:pointer;letter-spacing:1px;background:#00ff411a;border:1px solid #00ff41;border-radius:3px;padding:.5rem 1rem;font-family:Courier New,monospace;font-size:.85rem;transition:all .2s}.input-row button:hover{color:#0a0a0a;background:#00ff41;box-shadow:0 0 15px #00ff4180}#reroll{color:#08f;background:#0088ff1a;border-color:#08f;padding:.5rem .6rem}#reroll:hover{color:#0a0a0a;background:#08f;box-shadow:0 0 15px #0088ff80}.input-row input#name{color:#08f;border-color:#0088ff4d}.input-row input#name:focus{border-color:#08f;box-shadow:0 0 10px #0088ff4d}