html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#111;overflow:hidden}.loader-container{position:absolute;inset:0;background:#050505;color:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loader-title{margin-bottom:20px;font-size:28px;letter-spacing:1px}.bar-outer{width:40%;height:12px;background:#222;border-radius:6px;overflow:hidden;margin-bottom:12px}.bar-inner{height:100%;background:#00d4ff;transition:.25s}.loader-percent{margin-bottom:40px;font-size:18px}.controls-wrapper{display:flex;gap:40px;align-items:center;margin-bottom:40px}.keyboard{display:flex;flex-direction:column;align-items:center;gap:10px}.row{display:flex;justify-content:center;align-items:center}.spacer-335{width:335px}.spacer-90{width:90px}.spacer-40{width:40px}.spacer-60{width:60px}.key{background:#111;border-radius:6px;padding:10px 5px;text-align:center;border:1px solid #333;width:50px;transition:.2s}.key-margin{margin:4px}.key.wide{width:130px}.key.active{box-shadow:0 0 12px #00d4ff}.key-label{display:block;font-size:18px;font-weight:600;margin-bottom:4px}.key-desc{font-size:11px;opacity:.7}.mouse{width:70px;height:110px;border:2px solid #444;border-radius:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;position:relative}.mouse-wheel{width:8px;height:26px;background:#00d4ff;border-radius:4px}.mouse-label{margin-top:10px;font-size:12px;opacity:.7;text-align:center}.start-btn{margin-top:20px;padding:12px 28px;background:#00d4ff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;color:#000;box-shadow:0 0 15px #00d4ff;transition:.2s}