*{box-sizing:border-box}body{padding:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#1f1f1f,#121212);color:#f0f0f0}body,main{margin:0;min-height:100vh}main{width:100%;padding:16px;background:rgba(30,30,30,.95);border-radius:12px 12px 0 0;box-shadow:0 -2px 15px rgba(0,0,0,.5);display:flex;flex-direction:column}h1{font-size:1.5rem;text-align:center;margin-bottom:14px;color:#4facfe;text-shadow:0 0 8px rgba(79,172,254,.6)}button{background:linear-gradient(135deg,#4facfe,#07f);color:#fff;border:none;padding:14px 18px;margin:6px 0;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .15s ease,box-shadow .2s;width:100%}button:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 12px rgba(0,119,255,.5)}button:disabled{background:#444;cursor:not-allowed}input{padding:10px;border:1px solid #444;border-radius:8px;font-size:1rem;width:100%;margin-top:6px;background:#222;color:#eee}input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 6px #4facfe88}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:20px;width:100%}.cell{width:100%;aspect-ratio:1/1;font-size:2.4rem;font-weight:700;border-radius:10px;border:2px solid #4facfe;background:#1e1e1e;color:#fff;transition:background .2s,transform .1s}.cell:enabled:hover{background:#2a2a2a;transform:scale(1.02)}.room-list{margin:8px 0;padding:0;list-style:none;max-height:140px;overflow-y:auto}.room-list li{margin:6px 0;display:flex;align-items:center;justify-content:space-between;background:#1e1e1e;padding:8px 12px;border-radius:8px;border:1px solid #333}.chat-float-btn{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#ff4081,#ff006e);color:#fff;border:none;padding:18px;border-radius:50%;font-size:1.4rem;cursor:pointer;z-index:1000;transition:transform .2s;width:auto}.chat-float-btn:hover{transform:scale(1.1)}.hidden{display:none!important}.chat-box{display:flex;justify-content:center;padding:5px}.box{position:fixed;bottom:100px;width:90%;background:#1e1e1e;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.6);padding:8px;z-index:1000;border:1px solid #333}.box,.message-box{display:flex;flex-direction:column}.message-box{padding:10px;max-height:20vh;overflow:hidden;overflow-y:scroll}