*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:none}#game-container{width:min(100vw,1600px);height:100%;height:100dvh;position:fixed;top:0;left:50%;transform:translate(-50%)}canvas{display:block;image-rendering:pixelated}.chat-panel{position:absolute;left:12px;bottom:96px;width:390px;font-family:monospace;font-size:12px;color:#f2e9d8;background:#0a101cd1;border:1px solid #c9a15a;border-radius:6px;z-index:10;-webkit-user-select:none;user-select:none}.chat-head{display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid rgba(201,161,90,.4)}.chat-panel button{font-family:monospace;font-size:11px;color:#e6f4ff;background:#0d2a55;border:1px solid #2f8bff;border-radius:4px;padding:2px 6px;cursor:pointer}.chat-panel .chat-channel.active{background:#0d3f26;border-color:#3fd17a;color:#e6ffef}.chat-channels{display:flex;gap:4px;flex:1;flex-wrap:nowrap}.chat-status{font-size:10px;color:#8a93a3}.chat-status[data-status=online]{color:#8fffb0}.chat-status[data-status=full]{color:#ff8f8f}.chat-log{height:132px;overflow-y:auto;padding:4px 6px;line-height:1.35;-webkit-user-select:text;user-select:text}.chat-line{word-break:break-word}.chat-line b{color:#ffe066;font-weight:400}.chat-line b.chat-self{color:#8fd9ff}.chat-system{color:#8a93a3;font-style:italic}.chat-announce{font-weight:700}.chat-form{margin:0;padding:4px;border-top:1px solid rgba(201,161,90,.4)}.chat-input{width:100%;font-family:monospace;font-size:12px;color:#f2e9d8;background:#0b1019;border:1px solid #2a3444;border-radius:4px;padding:4px 6px;outline:none}.chat-input:focus{border-color:#c9a15a}.chat-collapsed .chat-body,.chat-collapsed .chat-channels,.chat-collapsed .chat-status{display:none}.chat-collapsed{width:auto}.chat-mobile{left:8px;right:8px;width:auto;bottom:84px}.chat-mobile .chat-log{height:96px}.chat-mobile.chat-collapsed{right:auto}