:root{--bg-color: #2b2b2b;--text-main: #f0f0f0;--text-dark: #222;--btn-blue: #2185d0;--btn-blue-hover: #1678c2;--panel-bg: #1e1e1e;--panel-border: #444}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-main)}canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color)}.overlay.hidden{display:none!important}#inGameUI.overlay{background-color:transparent;pointer-events:none;align-items:flex-start;justify-content:flex-start}.menu-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.logo-title{font-size:3rem;font-weight:700;color:#d1eff7;margin-bottom:3rem;letter-spacing:2px}.form-container{display:flex;gap:2rem;margin-bottom:4rem;align-items:flex-start}.main-action{display:flex;flex-direction:column;gap:.8rem;padding-top:.5rem}.login-box{display:flex;flex-direction:column;gap:.5rem}input[type=text]{width:250px;padding:.6rem .8rem;border:1px solid #ccc;border-radius:2px;background:#fff;color:var(--text-dark);font-size:1rem}input[type=text]:focus{outline:none;border-color:var(--btn-blue)}.btn{padding:.6rem 1rem;border:none;border-radius:2px;font-weight:500;font-size:1rem;cursor:pointer;transition:background .1s;color:#fff}.btn.primary-btn,.btn.action-btn{background:var(--btn-blue);width:100%}.btn.primary-btn:hover,.btn.action-btn:hover{background:var(--btn-blue-hover)}.error-msg{color:#ff6b6b;font-size:.85rem;margin-top:.5rem;min-height:1.2rem;text-align:center}.panels-container{display:flex;gap:1.5rem;width:100%;justify-content:center}.info-panel{background:var(--panel-bg);border:1px solid var(--panel-border);padding:1rem;width:250px;border-radius:4px}.info-panel h3{margin-top:0;text-align:center;color:gold;border-bottom:1px solid var(--panel-border);padding-bottom:.5rem;font-size:1.1rem;font-weight:400}.info-panel ul,.info-panel p{font-size:.85rem;padding-left:1rem;margin-bottom:0;color:#ddd}.top-bar{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}#gameState{font-size:2.5rem;font-weight:700;color:#333}.chat-container{position:absolute;top:0;left:0;width:24rem;display:flex;flex-direction:column;pointer-events:auto}.chat-messages{height:14rem;overflow-y:auto;background:#1e282c22;padding:.5rem;display:flex;flex-direction:column;gap:.1rem;font-size:.85rem;color:#eee;border-right:1px solid #111;border-bottom:none}.chat-messages::-webkit-scrollbar{width:14px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-left:1px solid #a1a1a1;border-top:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-left:1px solid #ccc}.chat-msg{line-height:1.3}.chat-msg strong{color:#fff;font-weight:400}.chat-msg.server,.chat-msg.server strong{color:#ffeb3b}#chatInput{background:#fff;border:none;border-right:1px solid #111;border-bottom:1px solid #111;border-radius:0;padding:.25rem;color:#333;width:100%;box-sizing:border-box;font-family:inherit;font-size:.9rem}#chatInput:focus{outline:none}