@layer components{canvas{display:block}#ui-layer{pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.tech-text{color:#fff9;text-shadow:0 0 5px;font-size:12px;line-height:1.5}#log-console{background:linear-gradient(90deg,#00000080,#0000);border-left:2px solid #ffffff4d;width:300px;height:150px;padding-left:10px;overflow:hidden}#status-bar{align-items:center;gap:20px;display:flex}.bar-box{background:#333;width:100px;height:4px;position:relative}.bar-fill{background:currentColor;width:50%;height:100%;animation:2s infinite fluctuate;position:absolute;top:0;left:0;box-shadow:0 0 10px}@keyframes fluctuate{0%{width:40%}50%{width:60%}to{width:40%}}#controls-hint{text-align:center;opacity:.7;font-size:14px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.key{color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:4px;margin:0 2px;padding:2px 8px;font-weight:700;display:inline-block}}