*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{--bar-h:40px;background:#000;overflow:hidden}#loading{z-index:200;color:#000;letter-spacing:.18em;text-transform:uppercase;background:#fd0850;justify-content:center;align-items:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:900;display:flex;position:fixed;inset:0}#bottom-panel{z-index:100;pointer-events:none;height:calc(var(--bar-h) + env(safe-area-inset-bottom,0px));background:#fd0850;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}#logo{min-width:0;height:var(--bar-h);flex:1 1 0;align-items:center;padding-left:10px;display:flex;overflow:hidden}#logo svg{fill:#000;height:var(--bar-h);flex-shrink:1;width:auto;max-width:100%;display:block}#gyro-btn{pointer-events:all;height:var(--bar-h);color:#f2fb0a;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#000;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0 10px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:900;transition:background .15s,color .15s;display:flex}#gyro-btn.on{color:#000;background:#f2fb0a}#gyro-dot{display:none}