*{box-sizing:border-box;margin:0;padding:0}body{color:#c8c8c8;background:#000;font-family:Courier New,monospace;overflow:hidden}#game-container{width:100vw;height:100vh;position:relative}#game-canvas{cursor:crosshair;width:100%;height:100%;display:block}#room-label{letter-spacing:2px;text-transform:uppercase;color:#a0a0a0;pointer-events:none;background:#000000b3;border:1px solid #444;padding:6px 20px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}#chat-container{pointer-events:none;z-index:950;background:#0000008c;flex-direction:column;width:100%;height:155px;font-family:Arial,Helvetica,sans-serif;font-size:13px;display:flex;position:fixed;bottom:0;left:0}#chat-container *{pointer-events:none}#chat-input,#chat-drag-top,#chat-drag-right,#chat-tab,#chat-scrollbar,#chat-sb-up,#chat-sb-down,#chat-sb-track,#chat-sb-thumb{pointer-events:auto}#chat-drag-top{cursor:ns-resize;z-index:2;height:6px;position:absolute;top:-3px;left:0;right:14px}#chat-drag-right{cursor:ew-resize;z-index:2;background:0 0;width:8px;position:absolute;top:0;bottom:0;right:-3px}#chat-drag-right:hover{background:linear-gradient(90deg,#0000,#78787880,#0000)}#chat-header{-webkit-user-select:none;user-select:none;flex-shrink:0;height:18px;position:relative}#chat-header>*{position:absolute}#chat-tab{height:16px;image-rendering:pixelated;image-rendering:crisp-edges;cursor:ns-resize;top:0;left:2px}#chat-time{color:#fff;letter-spacing:.5px;text-shadow:1px 1px 2px #000;font-size:11px;font-weight:700;top:3px;left:58px}#chat-zonasegura{letter-spacing:1px;text-shadow:1px 1px 2px #000;color:#3f7fdf;font-size:11px;top:3px;left:112px}#chat-zonasegura.peligrosa{color:#cfd6bd}#chat-ping{width:85px;height:18px;top:0;left:228px}#chat-ping-graph{width:85px;height:16px;position:absolute;bottom:1px;left:0}#chat-ping-text{text-align:center;color:#3fa945;text-shadow:1px 1px 2px #000;width:85px;font-size:11px;position:absolute;top:3px;left:0}#chat-points{color:#b9bab3;text-shadow:1px 1px 2px #000;font-size:11px;top:3px;left:320px}#chat-vitals{align-items:flex-start;gap:8px;display:flex;top:0;right:120px}#chat-salud{width:74px}#chat-exp{width:59px}.cs-widget .cs-label{white-space:nowrap;color:#fff;text-shadow:1px 1px 2px #000;height:13px;font-size:11px}.cs-widget .cs-gold{color:#e0b040}.cs-widget .cs-bar{background:#3a0c0c;height:4px;position:relative;overflow:hidden}.cs-widget .cs-fill{background:#d40000;width:100%;height:100%}.cs-widget .cs-bar i{background:#000;width:2px;height:100%;position:absolute;top:0}.cs-widget .cs-bar i:first-of-type{left:calc(25% - 1px)}.cs-widget .cs-bar i:nth-of-type(2){left:calc(50% - 1px)}.cs-widget .cs-bar i:nth-of-type(3){left:calc(75% - 1px)}#chat-body{flex:1;align-items:stretch;min-height:0;display:flex}#chat-messages{scrollbar-width:none;flex:1;min-width:0;padding:0 6px 2px;overflow:hidden scroll}#chat-messages::-webkit-scrollbar{width:0}#chat-scrollbar{pointer-events:auto;flex-direction:column;flex-shrink:0;align-items:center;width:13px;padding:3px 0;display:flex}#chat-sb-up,#chat-sb-down{cursor:pointer;border-left:6px solid #0000;border-right:6px solid #0000;flex-shrink:0;width:0;height:0}#chat-sb-up{border-bottom:7px solid #f0ee4b}#chat-sb-down{border-top:7px solid #f0ee4b}#chat-sb-track{background:#1f1f0c;flex:1;width:9px;min-height:0;margin:2px 0;position:relative}#chat-sb-thumb{cursor:pointer;background:#f0ee4b;width:13px;height:11px;position:absolute;left:-2px}#chat-messages .msg{text-shadow:1px 1px 2px #000,0 0 4px #000c;word-wrap:break-word;margin-bottom:1px;font-size:13px;line-height:1.3}#chat-input-row{background:0 0;border-top:3px solid #0000;border-image:linear-gradient(#e8deb629,#eee6c457,#e8deb62e) 1;flex-shrink:0;align-items:center;height:14px;display:flex;position:relative}#chat-input-row:before{content:"";background:#c8c8c8;width:5px;height:9px;position:absolute;top:1px;left:5px}#chat-input{color:#fff;caret-color:#fff;text-shadow:1px 1px 2px #000;background:0 0;border:none;outline:none;flex:1;height:14px;padding:0 6px 0 13px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:14px}#chat-input::placeholder{color:#555}#hud{position:absolute;top:10px;left:10px}#player-info{background:#000000b3;border:1px solid #444;padding:8px 14px}#player-name{letter-spacing:1px;color:#999;font-size:12px}#health-bar{background:#222;border:1px solid #444;width:120px;height:6px;margin-top:4px}#health-fill{background:#6a3a3a;width:75%;height:100%}#transition-overlay{opacity:0;pointer-events:none;background:#000;transition:opacity .4s;position:absolute;inset:0}#transition-overlay.active{opacity:1}#npc-shop-overlay{image-rendering:auto;font-family:Courier New,monospace}#shop-inv-panel::-webkit-scrollbar{width:10px}#shop-items-panel::-webkit-scrollbar{width:10px}#shop-inv-panel::-webkit-scrollbar-track{background:#0a08044d}#shop-items-panel::-webkit-scrollbar-track{background:#0a08044d}#shop-inv-panel::-webkit-scrollbar-thumb{background:linear-gradient(#ca3,#861);border-radius:1px}#shop-items-panel::-webkit-scrollbar-thumb{background:linear-gradient(#ca3,#861);border-radius:1px}#shop-inv-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#eb4,#a82)}#shop-items-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#eb4,#a82)}