:root{--bg-color:#050510;--text-color:#0ff;--ui-bg:#050510d9;--ui-border:#0ff;--accent-color:#f0f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);font-family:Courier New,Courier,monospace;overflow:hidden}#gameCanvas{z-index:1;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}#uiLayer{pointer-events:none;z-index:10;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#btn-home,#btn-map{background-color:var(--ui-bg);border:1px solid var(--ui-border);width:40px;height:40px;color:var(--text-color);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:none;position:absolute;bottom:80px;box-shadow:0 0 10px #0ff3}#btn-home{right:20px}#btn-map{font-size:20px;right:70px}#btn-home:hover,#btn-map:hover{background-color:#ffffff1a;box-shadow:0 0 15px #00ffff80}#toolbar{pointer-events:auto;background-color:var(--ui-bg);border-top:1px solid var(--ui-border);justify-content:center;gap:10px;width:100%;padding:10px;display:none;position:absolute;bottom:0;left:0}.toolbar-btn{border:1px solid var(--ui-border);color:var(--text-color);cursor:pointer;background-color:#0000;border-radius:4px;padding:8px 16px;transition:all .2s;position:relative}.toolbar-btn[data-tooltip]:hover:after{content:attr(data-tooltip);border:1px solid var(--ui-border);color:#c9d1d9;white-space:pre-line;text-align:left;pointer-events:none;z-index:100;background:#050510f2;width:280px;padding:10px 12px;font-size:11px;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 0 12px #00ffff40}.toolbar-btn:hover{background-color:#ffffff1a}.toolbar-btn.active{border-color:var(--accent-color);box-shadow:0 0 8px #58a6ff80}